33 lines
464 B
SCSS
33 lines
464 B
SCSS
|
// Content margins and link styling
|
||
|
|
||
|
.content {
|
||
|
margin: 0 20%;
|
||
|
|
||
|
a:not(.btn) {
|
||
|
color: hsl(100, 40%, 40%);
|
||
|
text-decoration: none;
|
||
|
transition: .15s;
|
||
|
|
||
|
&:hover,
|
||
|
&:focus {
|
||
|
color: hsl(100, 30%, 30%);
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
&:active {
|
||
|
color: hsl(0, 0, 0);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (max-width 992px) {
|
||
|
.content { margin: 0 10%; }
|
||
|
}
|
||
|
|
||
|
@media (max-width 768px) {
|
||
|
.content { margin: 0 5%; }
|
||
|
}
|
||
|
|
||
|
@media (max-width 480px) {
|
||
|
.content { margin: 0 2%; }
|
||
|
}
|