mirror of
https://github.com/adulau/brouilleursdeblanc.git
synced 2024-11-24 11:07:14 +00:00
Add responsive nav styles when Javascript is disabled
This commit is contained in:
parent
92ef268031
commit
3d54cdc60e
2 changed files with 627 additions and 2955 deletions
3567
assets/css/main.css
3567
assets/css/main.css
File diff suppressed because it is too large
Load diff
|
@ -47,6 +47,7 @@ body {
|
|||
// Responsive nav toggle stuff
|
||||
#site-nav {
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
@media @medium {
|
||||
-webkit-animation-duration: 1s;
|
||||
-moz-animation-duration: 1s;
|
||||
|
@ -58,17 +59,21 @@ body {
|
|||
animation-delay: .05s;
|
||||
}
|
||||
&.closed {
|
||||
display: none;
|
||||
|
||||
@media @medium {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.opened {
|
||||
display: block;
|
||||
max-height: 100%;
|
||||
li {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-js #site-nav {
|
||||
display: block;
|
||||
}
|
||||
#nav-toggle {
|
||||
display: block;
|
||||
|
@ -290,14 +295,14 @@ span + .entry-title {
|
|||
border-bottom-width: 0;
|
||||
}
|
||||
}
|
||||
// Pagination
|
||||
.pagination {
|
||||
text-align: center;
|
||||
}
|
||||
// Disqus Comments
|
||||
#disqus_thread {
|
||||
margin-top: 2em;
|
||||
}
|
||||
// Pagination
|
||||
.pagination {
|
||||
text-align: center;
|
||||
}
|
||||
// Page layout
|
||||
#home,
|
||||
#page {
|
||||
|
|
Loading…
Reference in a new issue