dreat/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css again

Browse source
This commit is contained in:
Lukasz Skotarek 2021-10-08 12:57:26 +02:00
parent f41fbe83bc
commit 77828511f0
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
styles.css
View file

@ -213,7 +213,7 @@ small screens.
/* /*
Hides the menu at `48em`, but modify this based on your app's needs. Hides the menu at `48em`, but modify this based on your app's needs.
*/ */
/*@media (min-width: 48em) { @media (min-width: 48em) {
.header, .header,
.content { .content {
@ -223,7 +223,7 @@ Hides the menu at `48em`, but modify this based on your app's needs.
#layout { #layout {
padding-left: 150px; /* left col width "#menu" */ padding-left: 150px; /* left col width "#menu" */
/* left: 0; left: 0;
} }
#menu { #menu {
left: 150px; left: 150px;
@ -238,17 +238,17 @@ Hides the menu at `48em`, but modify this based on your app's needs.
#layout.active .menu-link { #layout.active .menu-link {
left: 150px; left: 150px;
} }
}*/ }
@media (max-width: 48em) { /*@media (max-width: 48em) {
/* Only apply this when the window is small. Otherwise, the following /* Only apply this when the window is small. Otherwise, the following
case results in extra padding on the left: case results in extra padding on the left:
* Make the window small. * Make the window small.
* Tap the menu to trigger the active state. * Tap the menu to trigger the active state.
* Make the window large again. * Make the window large again.
*/ */
#layout.active { /* #layout.active {
position: relative; position: relative;
left: 150px; left: 150px;
} }
} }*/