Refresh styling on /welcome

This commit is contained in:
2017-10-18 20:04:41 +02:00
parent 53fe047bca
commit 6fe6345b13
2 changed files with 243 additions and 154 deletions

View File

@@ -353,35 +353,8 @@ $page-card-icon-size: 75px
+position-center-translate
/* Subscribe specifics */
&.subscribe
background-color: $color-background-nav
text-align: center
padding: 60px 0
.page-card-side
width: 100%
max-width: 100%
.page-card-title
color: white
text-align: center
padding-bottom: 25px
&:after
border: none
.page-card-summary
color: $color-text-light-primary
.page-card-cta
text-align: center
font-size: 1.5em
padding: 10px 40px
margin-right: initial
a.page-card-cta
+button($color-primary, 3px, true)
padding: 5px 30px
margin-right: 25px
font-size: 1em
@@ -457,106 +430,3 @@ a.page-card-cta
.page-card-header.dark
&:after
border: none
.join.navbar-backdrop-overlay
background: linear-gradient(rgba(white, .3) 0%, transparent 60%)
.join
span.text-background
+text-background(white, darken($color-primary, 30%), 2px, 5px 0)
p
padding: 0
margin-left: -10px
ul
margin: 0
padding: 0
li span.text-background
padding-left: 15px
position: relative
left: -10px
&:before
content: "·"
color: white
position: relative
left: -10px
#page-header
padding: 0 0 0 20px
.page-title
font:
size: 2.8em
.page-title-summary
font:
style: normal
size: 1.4em
weight: 400
.page-header-cta-container
margin: 0
.page-card
&:nth-child(even)
background-color: white
&.right
background-color: $color-background-light
.page-card-title,
.page-card-summary
padding-left: 25px
.page-card-title:after
left: 25px
&.dark.right
.page-card-title,
.page-card-summary
padding-left: 0
.page-card-title:after
left: 0
&.oneofus
display: block
text-align: center
min-height: initial
padding: 25px
color: transparent
background-color: $color-background-light
border-top: thin solid $color-background
font:
size: 1.4em
transition: color 350ms ease-in-out
a, strong
color: transparent
transition: color 350ms ease-in-out
&.active
color: $color-text-dark-primary
a
color: $color-primary
strong
color: $color-danger
.page-card-header
margin-bottom: 0
.page-card-header.dark
margin-bottom: -50px
&:after
border: none
.page-card-side
+media-xs
width: 100%
max-width: 100%
.page-card-image
img
border-radius: 3px