feat(style): reduce header size on small screens
This commit is contained in:
parent
60a7ff2b0a
commit
3bfa465d6c
@ -17,11 +17,6 @@ $menu_btn-size: 10px;
|
||||
html {
|
||||
background-color: $page-color;
|
||||
}
|
||||
@media only screen and (min-width: $page-width){
|
||||
html {
|
||||
padding:10px;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Fira Sans Light";
|
||||
font-style: normal;
|
||||
@ -61,6 +56,19 @@ header {
|
||||
color: $header-fg;
|
||||
text-shadow: black 0px 0px 0.1em;
|
||||
}
|
||||
h1 {
|
||||
font-size: 20pt;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: $page-width){
|
||||
html {
|
||||
padding:10px;
|
||||
}
|
||||
header {
|
||||
h1 {
|
||||
font-size: 32pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
#header-logo {
|
||||
background: url('img/logo.png') top;
|
||||
|
Loading…
Reference in New Issue
Block a user