rayelliott
/
victor-hugo
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

This commit is contained in:
Ray Elliott 2020-04-20 18:43:58 +00:00
parent 720eb44ce0
commit 2731a05ced
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/css/imports/footer.scss
View File

@ -1,3 +1,6 @@
$footer-bp-s: 28em;
$footer-bp-m: 60em;
.footer { .footer {
position: relative; position: relative;
font-size: 0.9rem; font-size: 0.9rem;
@ -32,13 +35,13 @@
flex: 0 0 100%; flex: 0 0 100%;
margin-bottom: 1.6rem; margin-bottom: 1.6rem;
@media (min-width: $bp-footer-s) { @media (min-width: $footer-bp-s) {
&--narrow { &--narrow {
flex: 0 0 50%; flex: 0 0 50%;
} }
} }
@media (min-width: $bp-footer-m) { @media (min-width: $footer-bp-m) {
flex: 0 0 60%; flex: 0 0 60%;
margin-bottom: 0; margin-bottom: 0;
padding: 0 0.8rem; padding: 0 0.8rem;

6
src/css/imports/hero.scss
View File

@ -1,3 +1,5 @@
$hero-bp: $bp-m;
.hero { .hero {
z-index: 1; z-index: 1;
position: relative; position: relative;
@ -18,7 +20,7 @@
background-color: rgba(pink, 0.5); background-color: rgba(pink, 0.5);
} }
@media (max-width: $bp-hero) { @media (max-width: $hero-bp) {
&__fg, &__fg,
&__bg { &__bg {
position: absolute; position: absolute;
@ -37,7 +39,7 @@
} }
} }
@media (min-width: $bp-hero) { @media (min-width: $hero-bp) {
display: flex; display: flex;
flex-direction: row; flex-direction: row;