Commit f8384988 authored by Kent Nielsen's avatar Kent Nielsen
Browse files

Header resizing in smaller increments, to support extra small devices

parent fed9eb4b
......@@ -57,14 +57,14 @@
#version-tag {
color: $light-theme-color;
font-weight: bold;
font-size: 0.8em;
float: right;
margin-top: -5px;
}
header {
width: 100%;
padding: 15px $default-margin;
padding: 15px 15px;
z-index: 1;
background-color: $theme-color;
......@@ -83,7 +83,7 @@
label {
cursor: pointer;
font-size: 50px;
font-size: 2em;
}
@include no-select;
......@@ -110,6 +110,7 @@
margin: 0;
line-height: 1em;
margin-bottom: 2px;
font-size: 1.3em;
}
}
......@@ -127,6 +128,28 @@
cursor: pointer;
}
@media only screen and (min-width: $small-mobile-width-cutoff) {
#logo{
h1{
font-size: 2em;
}
}
#version-tag {
font-size: 1em;
}
header{
padding: 15px $default-margin/2;
}
#hamburger-menu{
label{
font-size: 50px;
}
}
}
@media only screen and (min-width: $mobile-width-cutoff) {
#hamburger-menu {
display: none;
......@@ -139,5 +162,9 @@
#hamburger-content {
display: none;
}
header{
padding: 15px $default-margin;
}
}
</style>
\ No newline at end of file
......@@ -15,4 +15,5 @@ $white-bg-color: #fbfbfb;
$default-margin: 40px;
$mobile-width-cutoff: 992px;
\ No newline at end of file
$mobile-width-cutoff: 992px;
$small-mobile-width-cutoff: 460px;
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment