bulma/docs/_sass/native.sass

91 lines
1.5 KiB
Sass
Raw Normal View History

2018-03-29 21:25:55 +00:00
.native-js
2018-04-09 13:15:31 +00:00
border-top: 2px solid $background
2018-03-29 21:25:55 +00:00
display: none
2018-03-29 21:53:26 +00:00
font-size: 1rem
2018-03-29 21:25:55 +00:00
opacity: 0
visibility: hidden
.native-show
display: block
opacity: 1
visibility: visible
.native-flex
align-items: center
display: flex
2018-03-29 21:53:26 +00:00
justify-content: center
padding: 2em
2018-03-29 21:25:55 +00:00
text-decoration: none
.native-img
border-radius: 3px
flex-grow: 0
flex-shrink: 0
height: 50px
width: 125px
.native-details
flex-grow: 1
flex-shrink: 1
.native-main
align-items: center
2018-03-29 21:53:26 +00:00
flex-grow: 0
2018-03-29 21:25:55 +00:00
flex-shrink: 1
2018-03-29 21:53:26 +00:00
max-width: 640px
2018-03-29 21:25:55 +00:00
.native-company
display: block
2018-03-29 21:53:26 +00:00
font-size: 0.625em
2018-03-29 21:25:55 +00:00
letter-spacing: 2px
margin-bottom: 4px
text-transform: uppercase
.native-desc
display: block
.native-cta
border: none
border-radius: 3px
box-shadow: 0 6px 13px 0 hsla(0, 0%, 0%, .15)
display: inline-block
flex-grow: 0
flex-shrink: 0
2018-03-29 21:53:26 +00:00
font-size: 0.75em
2018-03-29 21:25:55 +00:00
font-weight: $weight-normal
padding: 0.75em 1em
text-transform: uppercase
transform: translateY(-1px)
transition: transform .3s ease-in-out
vertical-align: top
white-space: nowrap
&:hover
box-shadow: none
transform: translateY(1px)
$native-bp: 600px
+until($native-bp)
.native-flex
display: block
text-align: center
.native-main
2018-03-29 21:53:26 +00:00
margin-bottom: 2em
2018-03-29 21:25:55 +00:00
.native-details
2018-03-29 21:53:26 +00:00
margin: 1em
2018-03-29 21:25:55 +00:00
+from($native-bp)
.native-flex
display: flex
2018-03-29 21:53:26 +00:00
padding: 4em
2018-03-29 21:25:55 +00:00
text-align: left
.native-main
display: flex
2018-03-29 21:53:26 +00:00
margin-right: 2em
2018-03-29 21:25:55 +00:00
.native-details
2018-03-29 21:53:26 +00:00
margin-left: 2em
+widescreen
.native-js
2018-04-09 13:15:31 +00:00
font-size: 1.25rem