joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

(Update) Hero: adjust spacing to button / increase title size / adjust text opacity

Browse source
This commit is contained in:
0xfff 2016-09-26 01:57:23 +02:00
parent 69d9d2c1d1
commit 33fd77f796
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/scss/_header.scss
View file

@ -5,7 +5,7 @@
.hero {
position: relative;
min-height: 500px;
min-height: 600px;
padding: 0 $size-gutter;
color: $white;
@ -15,9 +15,11 @@
&__title {
margin-bottom: 15px; /*optical*/
font-size: 60px;
font-size: 80px;
line-height: 1.2;
font-weight: 200;
letter-spacing: -0.01em;
margin-left: -7px; /*optical*/
}
&__lead {
@ -27,13 +29,17 @@
line-height: 1.25;
}
&__text {
opacity: 0.8;
}
&__lead,
&__text {
& + * {
margin-top: 34px; /*optical*/
margin-top: 20px; /*optical*/
}
& + .hero__buttons {
margin-top: 20px; /*optical*/
margin-top: 34px; /*optical*/
}
}