Added version numbers to updates, tightened up hero section
This commit is contained in:
@ -26,8 +26,8 @@ h1 {
|
||||
margin: 0 0 $small 0;
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
font-size: 42px;
|
||||
line-height: 60px;
|
||||
font-size: 46px;
|
||||
line-height: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -2,7 +2,7 @@
|
||||
|
||||
@media screen and (min-width: $desktop) {
|
||||
position: relative;
|
||||
top: -50px;
|
||||
top: -65px;
|
||||
width: 880px;
|
||||
margin: auto;
|
||||
}
|
||||
|
@ -1,7 +1,7 @@
|
||||
.hero {
|
||||
@neat-row;
|
||||
background: $darkerGrey;
|
||||
background-image: linear-gradient(-180deg, #323B3B 0%, $darkerGrey 20%);
|
||||
background-image: linear-gradient(-180deg, #2A2C24 0%, $darkerGrey 20%);
|
||||
color: $blueGrey;
|
||||
overflow: hidden;
|
||||
padding: calc($xl * 2.25) 0 0 0;
|
||||
@ -17,15 +17,15 @@
|
||||
|
||||
&.landing {
|
||||
@media screen and (min-width: $tablet) {
|
||||
padding-bottom: $xxl;
|
||||
padding-bottom: 165px;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-copy {
|
||||
margin: $medium auto $xl auto;
|
||||
margin: $large auto $medium auto;
|
||||
|
||||
@media screen and (min-width: $desktop) {
|
||||
text-align: center;
|
||||
/* text-align: center; */
|
||||
}
|
||||
}
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: white;
|
||||
color: $green;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -54,8 +54,9 @@
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $green;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
font-size: $tiny;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.hero-features {
|
||||
@ -71,7 +72,8 @@
|
||||
}
|
||||
|
||||
.hero-graphic {
|
||||
margin: $large auto $large auto;
|
||||
/* margin: 0 auto $large auto; */
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
@neat-span-columns 6;
|
||||
|
@ -1,6 +1,6 @@
|
||||
.whatsnew {
|
||||
margin-top: -114px;
|
||||
padding: $xl 0 $medium 0;
|
||||
margin-top: -98px;
|
||||
padding: 75px 0 $medium 0;
|
||||
background-color: $lightishGrey;
|
||||
color: white;
|
||||
|
||||
@ -22,13 +22,21 @@
|
||||
border-radius: $borderRadius;
|
||||
}
|
||||
li {
|
||||
min-width: 250px;
|
||||
max-width: 350px;
|
||||
.update-date {
|
||||
.update-metadata {
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
color: rgba(255,255,255,0.6);
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
margin-bottom: $micro;
|
||||
.update-version {
|
||||
font-weight: $bold;
|
||||
background-color: $shadeBlue;
|
||||
color: $darkGrey;
|
||||
padding: 0 4px 0 4px;
|
||||
margin-right: 8px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
.update-description {
|
||||
font-size: 15px;
|
||||
|
Reference in New Issue
Block a user