gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added version numbers to updates, tightened up hero section

Browse Source
This commit is contained in:
Lennart Ziburski
2018-02-21 23:51:54 +01:00
parent cc0ef12aa9
commit 85cac44d25
8 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
website/src/css/imports/base.css
View File

@ -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
website/src/css/imports/cta.css
View File

@ -2,7 +2,7 @@
@media screen and (min-width: $desktop) {
position: relative;
top: -50px;
top: -65px;
width: 880px;
margin: auto;
}

18
website/src/css/imports/hero.css
View File

@ -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;

18
website/src/css/imports/whatsnew.css
View File

@ -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;