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 {
position: relative;
font-size: 0.9rem;
@ -32,13 +35,13 @@
flex: 0 0 100%;
margin-bottom: 1.6rem;
@media (min-width: $bp-footer-s) {
@media (min-width: $footer-bp-s) {
&--narrow {
flex: 0 0 50%;
}
}
@media (min-width: $bp-footer-m) {
@media (min-width: $footer-bp-m) {
flex: 0 0 60%;
margin-bottom: 0;
padding: 0 0.8rem;

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

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