fmouhart/fmouhart.epheme.re
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(style): reduce header size on small screens

Browse Source
This commit is contained in:
Fabrice Mouhartem 2024-10-16 10:34:30 +02:00
parent 60a7ff2b0a
commit 3bfa465d6c
Signed by: fmouhart
GPG Key ID: 2C5033B228CFE4E7
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
sass/_base.scss
View File

@ -17,11 +17,6 @@ $menu_btn-size: 10px;
html { html {
background-color: $page-color; background-color: $page-color;
} }
@media only screen and (min-width: $page-width){
html {
padding:10px;
}
}
@font-face { @font-face {
font-family: "Fira Sans Light"; font-family: "Fira Sans Light";
font-style: normal; font-style: normal;
@ -61,6 +56,19 @@ header {
color: $header-fg; color: $header-fg;
text-shadow: black 0px 0px 0.1em; 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 { #header-logo {
background: url('img/logo.png') top; background: url('img/logo.png') top;