css again
This commit is contained in:
parent
f41fbe83bc
commit
77828511f0
1 changed files with 6 additions and 6 deletions
12
styles.css
12
styles.css
|
|
@ -213,7 +213,7 @@ small screens.
|
|||
/*
|
||||
Hides the menu at `48em`, but modify this based on your app's needs.
|
||||
*/
|
||||
/*@media (min-width: 48em) {
|
||||
@media (min-width: 48em) {
|
||||
|
||||
.header,
|
||||
.content {
|
||||
|
|
@ -223,7 +223,7 @@ Hides the menu at `48em`, but modify this based on your app's needs.
|
|||
|
||||
#layout {
|
||||
padding-left: 150px; /* left col width "#menu" */
|
||||
/* left: 0;
|
||||
left: 0;
|
||||
}
|
||||
#menu {
|
||||
left: 150px;
|
||||
|
|
@ -238,17 +238,17 @@ Hides the menu at `48em`, but modify this based on your app's needs.
|
|||
#layout.active .menu-link {
|
||||
left: 150px;
|
||||
}
|
||||
}*/
|
||||
}
|
||||
|
||||
@media (max-width: 48em) {
|
||||
/*@media (max-width: 48em) {
|
||||
/* Only apply this when the window is small. Otherwise, the following
|
||||
case results in extra padding on the left:
|
||||
* Make the window small.
|
||||
* Tap the menu to trigger the active state.
|
||||
* Make the window large again.
|
||||
*/
|
||||
#layout.active {
|
||||
/* #layout.active {
|
||||
position: relative;
|
||||
left: 150px;
|
||||
}
|
||||
}
|
||||
}*/
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue