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%; }
|
|
}
|