bulma/docs/_sass/old/bsa.sass

75 lines
1.5 KiB
Sass
Raw Normal View History

2017-07-02 22:49:54 +00:00
.bsa
padding: 2rem
.bsa-cpc
min-height: 1px
#_default_
.default-ad
background-color: rgba(black, 0.3)
border-radius: 2px
2019-10-13 15:11:19 +00:00
color: $scheme-main
2017-07-02 22:49:54 +00:00
display: inline-block
font-size: 10px
font-weight: bold
padding: 0 4px
text-transform: uppercase
vertical-align: top
& > a
2019-10-13 15:11:19 +00:00
background-color: $scheme-main
2017-07-02 22:49:54 +00:00
border-radius: $radius-large
2019-10-13 15:11:19 +00:00
box-shadow: 0 2px 3px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1)
2017-07-02 22:49:54 +00:00
color: $text
display: block
line-height: 1.375
margin-top: 15px
min-height: 70px
padding: 15px
padding-left: 70px
position: relative
&:hover,
&:focus
2019-10-13 15:11:19 +00:00
box-shadow: 0 2px 3px rgba($scheme-invert, 0.1), 0 0 0 1px $link
2017-07-02 22:49:54 +00:00
&:active
2019-10-13 15:11:19 +00:00
box-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link
2017-07-02 22:49:54 +00:00
span
display: block
.default-image
display: block
left: 15px
height: 40px
position: absolute
top: 15px
width: 40px
img
display: block
height: 40px
width: 40px
.default-title
color: $text-strong
display: inline
font-weight: $weight-bold
2018-04-08 18:08:39 +00:00
&::after
2017-07-02 22:49:54 +00:00
content: ""
.default-description
display: inline
+tablet
.bsa
.columns
min-height: 120px
#_default_
display: flex
justify-content: center
position: relative
.default-ad
left: 100%
margin-left: 2rem
position: absolute
top: 0
& > a
margin: 0
2017-07-31 19:22:27 +00:00
width: calc(50% - 1rem)
2017-07-02 22:49:54 +00:00
&:not(:nth-child(2))
margin-left: 2rem