Arjun Patel
77 lines
1.1 KiB
SCSS
77 lines
1.1 KiB
SCSS
/* Footer */
|
|
|
|
#footer {
|
|
@include color(accent2);
|
|
@include padding(8rem, 0);
|
|
|
|
a {
|
|
color: _palette(accent2, fg);
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
color: _palette(accent1, bg);
|
|
}
|
|
}
|
|
|
|
.content {
|
|
@include vendor('display', 'flex');
|
|
|
|
section {
|
|
width: 25%;
|
|
|
|
&:first-child {
|
|
width: 50%;
|
|
padding-right: _size(element-margin) * 2;
|
|
}
|
|
|
|
&:last-child {
|
|
padding-left: _size(element-margin) * 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
.copyright {
|
|
border-top: 1px solid;
|
|
font-size: 0.8rem;
|
|
opacity: 0.5;
|
|
padding: _size(element-margin) 0;
|
|
text-align: center;
|
|
}
|
|
|
|
@include breakpoint('<=large') {
|
|
@include padding(4rem, 0);
|
|
}
|
|
|
|
@include breakpoint('<=medium') {
|
|
.content {
|
|
@include vendor('flex-wrap', 'wrap');
|
|
|
|
section {
|
|
width: 50%;
|
|
|
|
&:first-child {
|
|
width: 100%;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@include breakpoint('<=small') {
|
|
@include padding(3rem, 0);
|
|
|
|
.content {
|
|
section {
|
|
width: 100%;
|
|
|
|
&:last-child {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@include breakpoint('<=xsmall') {
|
|
@include padding(2rem, 0);
|
|
}
|
|
} |