Slight style change in header for small screens
This commit is contained in:
parent
3ca1ec7bc1
commit
fec5c9b438
2 changed files with 16 additions and 1 deletions
|
@ -26,6 +26,10 @@ body {
|
||||||
padding: 30px 60px;
|
padding: 30px 60px;
|
||||||
color: $bg_color;
|
color: $bg_color;
|
||||||
|
|
||||||
|
@media (max-width: $resp_vsmall) {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -33,6 +37,10 @@ body {
|
||||||
|
|
||||||
.whoami {
|
.whoami {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
padding-left: 20px;
|
||||||
|
@media (max-width: $resp_vsmall) {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
a, a:visited {
|
a, a:visited {
|
||||||
color: $bg_color;
|
color: $bg_color;
|
||||||
|
|
|
@ -20,11 +20,18 @@ body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 30px 60px;
|
padding: 30px 60px;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
#head {
|
||||||
|
padding: 20px; } }
|
||||||
#head .title {
|
#head .title {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
#head .whoami {
|
#head .whoami {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
padding-left: 20px; }
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
#head .whoami {
|
||||||
|
font-size: 0.8em; } }
|
||||||
#head a, #head a:visited {
|
#head a, #head a:visited {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue