cl-theme: update css to version 2.0.2

This commit is contained in:
Jesús
2021-12-05 19:41:21 -05:00
parent 5f5b5d241f
commit 0974483b60
2 changed files with 56 additions and 7 deletions

View File

@@ -2,7 +2,7 @@
* bulma css framework (github.com/jgthms | bulma.io)
* Author: jeremy thomas
* Author: jesus e.
* Version: 2.0.1
* Version: 2.0.2
* Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE)
*/
/* basic formatting changes (mostly to cater for darker colours) */
@@ -48,6 +48,27 @@ body, input, textarea, .button {
display: none;
}
.nav__toggle {
position: absolute;
cursor: pointer;
margin: 0 1rem;
right: 0;
}
.nav__toggle svg {
width: 1rem;
fill: white;
}
.nav__toggle .close {
display: none;
}
.nav__toggle .close,
.nav__toggle .menu {
margin: 1rem auto;
}
label[for=navbar-toggle-cbox] {
cursor: pointer;
}
@@ -56,6 +77,14 @@ label[for=navbar-toggle-cbox] {
display: block;
}
#navbar-toggle-cbox:checked ~ .navbar-brand label.nav__toggle svg.close {
display: block;
}
#navbar-toggle-cbox:checked ~ .navbar-brand label.nav__toggle svg.menu {
display: none;
}
/*- ----------- End Menu Mobile sin JS ------------- */
/* navigation */
.navbar {
@@ -715,6 +744,18 @@ dt:hover > a.headerlink {
}
}
@media only screen and (min-width: 1087px) {
.nav__toggle {
display: none;
}
.nav__menu {
flex-direction: row;
}
.nav__menu li {
display: block;
}
}
@media screen and (max-width: 600px) {
.main-content {
padding: 0rem;