samuel-p/sp-codes.de
samuel-p/sp-codes.de
1
0
Fork 1
Code Issues Pull requests 6 Releases Wiki Activity Actions

fixed menu for small screens
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Samuel Philipp 2020-12-06 01:23:45 +01:00
parent 538c4fea91
commit d76a96b0a5
5 changed files with 160 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

67
src/scss/main.scss
View file

@ -5,6 +5,9 @@
@import "node_modules/bootstrap/scss/utilities/display";
@import "node_modules/bootstrap/scss/utilities/text";
@import "node_modules/bootstrap/scss/utilities/float";
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins/_breakpoints";
$fa-font-path: "../font";
@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@ -54,6 +57,67 @@ a {
border: 2px solid #000;
}
.nav {
display: flex;
justify-content: start;
flex-wrap: wrap;
padding: .5rem;
.toggle {
padding: .5rem;
display: none;
}
#menu {
display: none;
}
.items {
display: flex;
}
.lang-large {
display: flex;
}
}
@include media-breakpoint-down(xs) {
.nav {
display: block;
padding: 0;
.toggle {
display: flex;
label:hover {
text-decoration: underline;
cursor: pointer;
}
}
.items {
display: none;
.item {
border-top: 1px solid #fff;
a {
display: block;
padding: 0.5rem;
}
}
}
input:checked ~ .items {
display: block;
}
.lang-large {
display: none;
}
}
}
.menu {
a {
color: #fff;
@ -111,7 +175,8 @@ a {
.beta {
position: absolute;
top: 0;
right: -1rem; font-weight: bold;
right: -1rem;
font-weight: bold;
background-color: #fea500;
color: #000000;
padding: .5rem 1rem;