diff options
Diffstat (limited to 'docs/dist/spectre-exp.css')
-rw-r--r-- | docs/dist/spectre-exp.css | 35 |
1 files changed, 17 insertions, 18 deletions
diff --git a/docs/dist/spectre-exp.css b/docs/dist/spectre-exp.css index 03a0f3b..2e19b40 100644 --- a/docs/dist/spectre-exp.css +++ b/docs/dist/spectre-exp.css @@ -1,4 +1,4 @@ -/*! Spectre.css Experimentals v0.4.4 | MIT License | github.com/picturepan2/spectre */ +/*! Spectre.css Experimentals v0.4.5 | MIT License | github.com/picturepan2/spectre */ .calendar { border: .05rem solid #e7e9ed; border-radius: .1rem; @@ -549,52 +549,51 @@ .off-canvas { display: flex; display: -ms-flexbox; + -ms-flex-flow: nowrap; + flex-flow: nowrap; height: 100%; - left: 0; - overflow: hidden; - position: fixed; - top: 0; + min-height: 100vh; + position: relative; width: 100%; } .off-canvas .off-canvas-sidebar { background: #f8f9fa; - height: 100%; + bottom: 0; left: 0; - padding: .8rem; - position: absolute; + min-width: 10rem; + overflow-y: auto; + position: fixed; top: 0; transform: translateX(-100%); transition: transform .25s ease; - width: 10rem; z-index: 300; } .off-canvas .off-canvas-content { -ms-flex: 1 1 auto; flex: 1 1 auto; - overflow-y: auto; + height: 100%; padding: .8rem .8rem .8rem 4rem; } -.off-canvas .off-canvas-checkbox:checked ~ .off-canvas-sidebar { +.off-canvas .off-canvas-sidebar:target { transform: translateX(0); } -.off-canvas .off-canvas-checkbox:checked ~ .off-canvas-toggle { +.off-canvas .off-canvas-sidebar:target ~ .off-canvas-overlay { background: rgba(69, 77, 93, .1); border-color: transparent; border-radius: 0; bottom: 0; + display: block; height: 100%; left: 0; + position: fixed; right: 0; top: 0; width: 100%; -} - -.off-canvas .off-canvas-checkbox:checked ~ .off-canvas-toggle .icon { - display: none; + z-index: 200; } .off-canvas .off-canvas-toggle { @@ -613,8 +612,8 @@ .off-canvas .off-canvas-sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; - position: static; - transform: translateX(0); + position: relative; + transform: none; } .off-canvas .off-canvas-content { padding-left: .8rem; |