JasTobi/WeihnachtsKalenderMelly
3
0
Fork 0
Code Issues 3 Pull Requests Releases 4 Activity

#20 Text Menü Mittig

Browse Source
This commit is contained in:
Jason
2022-10-12 16:04:07 +02:00
parent 06458db3ab
commit 3e99662f36
3 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
main/min-style.css
View File

File diff suppressed because one or more lines are too long

2
main/min-style.css.map
View File

File diff suppressed because one or more lines are too long

21
src/sass/_mobil.sass
View File

@@ -6,15 +6,15 @@ $ulBorderM: 3px ridge darkgreen
@media (max-width: 768px) @media (max-width: 768px)
nav nav
width: 50% width: 50%
height: 100% height: 50%
position: fixed position: absolute
float: none //float: none
background-color: #fff background-color: #fff
max-height: 0 max-height: 0
transition: max-height 0.4s ease-out transition: all 0.4s ease-in
border-left: $ulBorderM border-left: $ulBorderM
border-right: $ulBorderM border-right: $ulBorderM
border-radius: 2rem 2rem 0 0 border-radius: 2rem
overflow: hidden overflow: hidden
right: 0 right: 0
@@ -29,14 +29,19 @@ $ulBorderM: 3px ridge darkgreen
li li
float: none float: none
&:first-child
padding-left: 0
a a
font-size: 1.2rem font-size: 1.2rem
padding: 0.5rem 0 0.5rem 0
&:active, &:hover, &:focus, &.active &:active, &:hover, &:focus, &.active
color: red color: red
text-decoration: underline text-decoration: underline
transform: scale(1.1) //transform: scale(1.1)
background-color: lightblue //background-color: lightblue
width: 100% width: 100%
header header
@@ -96,6 +101,8 @@ $ulBorderM: 3px ridge darkgreen
.side-menu:checked ~ .side-menu:checked ~
nav nav
max-height: 100% max-height: 100%
border-top: $ulBorderM
border-bottom: $ulBorderM
.hamb .hamb-line .hamb .hamb-line