bulma/docs/_sass/love.sass

127 lines
2.2 KiB
Sass
Raw Normal View History

2017-08-14 11:44:24 +00:00
.bd-testimonials
2017-07-30 17:22:13 +00:00
background-color: $background
2017-08-14 11:44:24 +00:00
.bd-testimonial
2017-07-30 17:22:13 +00:00
align-items: flex-start
display: flex
justify-content: center
2017-08-14 11:44:24 +00:00
.bd-testimonial-tweet
2017-08-11 12:19:57 +00:00
background-color: $white
2017-08-14 11:44:24 +00:00
.bd-more-loves
2017-07-30 17:22:13 +00:00
align-items: center
display: flex
justify-content: center
margin-top: 1.5rem
text-align: center
.button
height: auto
padding: 0.75em 1.5em
span
transform-origin: center center
transition: transform $speed $easing
&:hover
span
transform: scale(1.04)
+mobile
2017-08-14 11:44:24 +00:00
.bd-testimonials
2017-07-30 17:22:13 +00:00
padding: 1.5rem
2017-08-14 11:44:24 +00:00
.bd-testimonial
2017-07-30 17:22:13 +00:00
margin-bottom: 1.5rem
+tablet
2017-08-14 11:44:24 +00:00
.bd-testimonials
2017-07-30 17:22:13 +00:00
padding: 3rem
2017-08-14 11:44:24 +00:00
.bd-testimonial + .bd-testimonial
2017-07-30 17:22:13 +00:00
margin-top: 1.5rem
2017-07-31 15:06:31 +00:00
+desktop
2017-08-14 11:44:24 +00:00
.bd-testimonials
2017-07-31 15:06:31 +00:00
min-height: 595px
+widescreen
2017-08-14 11:44:24 +00:00
.bd-testimonials
2017-07-31 15:06:31 +00:00
min-height: 653px
+fullhd
2017-08-14 11:44:24 +00:00
.bd-testimonials
2017-07-31 15:06:31 +00:00
min-height: 632px
2017-08-14 11:44:24 +00:00
.bd-rainbow
2017-07-30 17:22:13 +00:00
animation: rainbow 8s ease infinite
background-image: linear-gradient(124deg, $orange, $red, $purple, $blue)
background-size: 800% 800%
2017-08-14 11:44:24 +00:00
.hero.bd-is-love
2017-07-30 17:22:13 +00:00
.title,
.subtitle
color: $white
@keyframes rainbow
0%
background-position: 1% 80%
2017-07-30 17:22:13 +00:00
50%
background-position: 99% 20%
2017-07-30 17:22:13 +00:00
100%
background-position: 1% 80%
2017-07-30 17:22:13 +00:00
2017-08-14 11:44:24 +00:00
.bd-hug
2017-07-30 17:22:13 +00:00
align-items: flex-start
display: flex
justify-content: center
+mobile
2017-08-14 11:44:24 +00:00
.bd-hug
2017-07-30 17:22:13 +00:00
margin: 1.5rem
2017-08-14 11:44:24 +00:00
.bd-embrace
2017-07-30 21:27:54 +00:00
text-align: center
2017-07-30 21:44:12 +00:00
&:not(:first-child)
margin-top: 1.5rem
&:not(:last-child)
margin-bottom: 1.5rem
2017-08-14 11:44:24 +00:00
.bd-embrace-button
2017-07-30 21:27:54 +00:00
margin-top: 0.75rem
2017-07-30 17:22:13 +00:00
+tablet
2017-08-14 11:44:24 +00:00
.bd-embrace
2017-07-30 21:27:54 +00:00
align-items: center
display: flex
justify-content: center
2017-07-30 21:44:12 +00:00
&:not(:first-child)
margin-top: 3rem
&:not(:last-child)
margin-bottom: 3rem
2017-08-14 11:44:24 +00:00
.bd-embrace-button
2017-07-30 21:27:54 +00:00
margin-left: 1.5rem
2017-08-14 11:44:24 +00:00
.bd-hugs
2017-07-30 17:22:13 +00:00
display: flex
flex-wrap: wrap
padding-bottom: 3rem
2017-08-14 11:44:24 +00:00
.bd-hug
2017-07-30 17:22:13 +00:00
margin-top: 1.5rem
width: calc(33.3333% - 1rem)
&:nth-child(1),
&:nth-child(2),
&:nth-child(3)
margin-top: 0
&:nth-child(3n-1),
&:nth-child(3n)
2017-08-11 12:19:57 +00:00
margin-left: 1.5rem
2018-05-24 09:21:31 +00:00
.bd-shoutout
background-color: $background
padding: 2rem
text-align: center
&:not(:last-child)
margin-bottom: 3rem
.bd-shoutout-text
&.title
opacity: 0.8
&.subtitle
opacity: 0.5
.bd-shoutout-button
margin-top: -0.75rem