diff options
Diffstat (limited to 'docs/dist/spectre.css')
-rw-r--r-- | docs/dist/spectre.css | 136 |
1 files changed, 78 insertions, 58 deletions
diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css index e879438..dca5d92 100644 --- a/docs/dist/spectre.css +++ b/docs/dist/spectre.css @@ -1,4 +1,4 @@ -/*! Spectre.css v0.5.2 | MIT License | github.com/picturepan2/spectre */ +/*! Spectre.css v0.5.3 | MIT License | github.com/picturepan2/spectre */ /* Manually forked from Normalize.css */ /* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */ @@ -369,7 +369,7 @@ h6, } p { - margin: 0 0 1rem; + margin: 0 0 1.2rem; } a, @@ -391,7 +391,7 @@ kbd { color: #fff; font-size: .7rem; line-height: 1.2; - padding: .1rem .15rem; + padding: .1rem .2rem; } mark { @@ -556,9 +556,9 @@ dl dd { display: inline-block; font-size: .8rem; height: 1.8rem; - line-height: 1rem; + line-height: 1.2rem; outline: none; - padding: .35rem .4rem; + padding: .25rem .4rem; text-align: center; text-decoration: none; transition: all .2s ease; @@ -702,13 +702,13 @@ dl dd { .btn.btn-sm { font-size: .7rem; height: 1.4rem; - padding: .15rem .3rem; + padding: .05rem .3rem; } .btn.btn-lg { font-size: .9rem; height: 2rem; - padding: .45rem .6rem; + padding: .35rem .6rem; } .btn.btn-block { @@ -813,18 +813,18 @@ legend { .form-label { display: block; - line-height: 1rem; - padding: .4rem 0; + line-height: 1.2rem; + padding: .3rem 0; } .form-label.label-sm { font-size: .7rem; - padding: .2rem 0; + padding: .1rem 0; } .form-label.label-lg { font-size: .9rem; - padding: .5rem 0; + padding: .4rem 0; } .form-input { @@ -839,10 +839,10 @@ legend { display: block; font-size: .8rem; height: 1.8rem; - line-height: 1rem; + line-height: 1.2rem; max-width: 100%; outline: none; - padding: .35rem .4rem; + padding: .25rem .4rem; position: relative; transition: all .2s ease; width: 100%; @@ -872,13 +872,13 @@ legend { .form-input.input-sm { font-size: .7rem; height: 1.4rem; - padding: .15rem .3rem; + padding: .05rem .3rem; } .form-input.input-lg { font-size: .9rem; height: 2rem; - padding: .45rem .6rem; + padding: .35rem .6rem; } .form-input.input-inline { @@ -920,9 +920,9 @@ textarea.form-input { color: inherit; font-size: .8rem; height: 1.8rem; - line-height: 1rem; + line-height: 1.2rem; outline: none; - padding: .35rem .4rem; + padding: .25rem .4rem; vertical-align: middle; width: 100%; } @@ -954,13 +954,13 @@ textarea.form-input { .form-select.select-sm { font-size: .7rem; height: 1.4rem; - padding: .15rem 1.1rem .15rem .3rem; + padding: .05rem 1.1rem .05rem .3rem; } .form-select.select-lg { font-size: .9rem; height: 2rem; - padding: .45rem 1.4rem .45rem .6rem; + padding: .35rem 1.4rem .35rem .6rem; } .has-icon-left, @@ -971,7 +971,7 @@ textarea.form-input { .has-icon-left .form-icon, .has-icon-right .form-icon { height: .8rem; - margin: 0 .35rem; + margin: 0 .25rem; position: absolute; top: 50%; transform: translateY(-50%); @@ -984,7 +984,7 @@ textarea.form-input { } .has-icon-left .form-input { - padding-left: 1.5rem; + padding-left: 1.3rem; } .has-icon-right .form-icon { @@ -992,17 +992,17 @@ textarea.form-input { } .has-icon-right .form-input { - padding-right: 1.5rem; + padding-right: 1.3rem; } .form-checkbox, .form-radio, .form-switch { - display: inline-block; - line-height: 1rem; + display: block; + line-height: 1.2rem; margin: .2rem 0; min-height: 1.2rem; - padding: .2rem .4rem .2rem 1.2rem; + padding: .1rem .4rem .1rem 1.2rem; position: relative; } @@ -1166,19 +1166,19 @@ textarea.form-input { background: #f8f9fa; border: .05rem solid #caced7; border-radius: .1rem; - line-height: 1rem; - padding: .35rem .4rem; + line-height: 1.2rem; + padding: .25rem .4rem; white-space: nowrap; } .input-group .input-group-addon.addon-sm { font-size: .7rem; - padding: .15rem .3rem; + padding: .05rem .3rem; } .input-group .input-group-addon.addon-lg { font-size: .9rem; - padding: .45rem .6rem; + padding: .35rem .6rem; } .input-group .form-input, @@ -1290,6 +1290,12 @@ textarea.form-input { box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); } +.has-error .form-checkbox input:indeterminate + .form-icon, +.form-checkbox.is-error input:indeterminate + .form-icon { + background: #e85600; + border-color: #e85600; +} + .form-input:not(:placeholder-shown):invalid { border-color: #e85600; } @@ -1338,13 +1344,17 @@ input.disabled + .form-icon { flex-wrap: wrap; } +.form-inline { + display: inline-block; +} + .label { background: #f0f1f4; border-radius: .1rem; color: #5b657a; display: inline-block; line-height: 1.2; - padding: .1rem .15rem; + padding: .1rem .2rem; } .label.label-rounded { @@ -1384,7 +1394,7 @@ code { color: #d73e48; font-size: 85%; line-height: 1.2; - padding: .1rem .15rem; + padding: .1rem .2rem; } .code { @@ -2106,7 +2116,7 @@ summary.accordion-header::-webkit-details-marker { color: #fff; content: attr(data-badge); display: inline-block; - transform: translate(-.1rem, -.5rem); + transform: translate(-.05rem, -.5rem); } .badge[data-badge]::after { @@ -2142,14 +2152,6 @@ summary.accordion-header::-webkit-details-marker { z-index: 100; } -.badge.avatar-xs::after { - content: ""; - height: .4rem; - min-width: .4rem; - padding: 0; - width: .4rem; -} - .breadcrumb { list-style: none; margin: .2rem 0; @@ -2275,6 +2277,11 @@ summary.accordion-header::-webkit-details-marker { padding-bottom: .8rem; } +.card .card-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + .card .card-image { padding-top: .8rem; } @@ -2321,6 +2328,10 @@ summary.accordion-header::-webkit-details-marker { margin-right: .2rem; } +.chip .btn-clear { + transform: scale(.75); +} + .dropdown { display: inline-block; position: relative; @@ -2671,11 +2682,10 @@ summary.accordion-header::-webkit-details-marker { } .popover *:focus + .popover-container, -.popover:hover .popover-container, -.popover .popover-container:hover { +.popover:hover .popover-container { display: block; opacity: 1; - transform: translate(-50%, -100%) scale(1); + transform: translate(-50%, -100%); } .popover.popover-right .popover-container { @@ -2683,10 +2693,9 @@ summary.accordion-header::-webkit-details-marker { top: 50%; } -.popover.popover-right :focus + .popover-container, -.popover.popover-right:hover .popover-container, -.popover.popover-right .popover-container:hover { - transform: translate(0, -50%) scale(1); +.popover.popover-right *:focus + .popover-container, +.popover.popover-right:hover .popover-container { + transform: translate(0, -50%); } .popover.popover-bottom .popover-container { @@ -2694,10 +2703,9 @@ summary.accordion-header::-webkit-details-marker { top: 100%; } -.popover.popover-bottom :focus + .popover-container, -.popover.popover-bottom:hover .popover-container, -.popover.popover-bottom .popover-container:hover { - transform: translate(-50%, 0) scale(1); +.popover.popover-bottom *:focus + .popover-container, +.popover.popover-bottom:hover .popover-container { + transform: translate(-50%, 0); } .popover.popover-left .popover-container { @@ -2705,10 +2713,9 @@ summary.accordion-header::-webkit-details-marker { top: 50%; } -.popover.popover-left :focus + .popover-container, -.popover.popover-left:hover .popover-container, -.popover.popover-left .popover-container:hover { - transform: translate(-100%, -50%) scale(1); +.popover.popover-left *:focus + .popover-container, +.popover.popover-left:hover .popover-container { + transform: translate(-100%, -50%); } .popover .card { @@ -2877,7 +2884,7 @@ summary.accordion-header::-webkit-details-marker { .tile .tile-title, .tile .tile-subtitle { - line-height: 1rem; + line-height: 1.2rem; } .tile.tile-centered { @@ -3087,6 +3094,19 @@ a.text-light:visited { color: white; } +.text-dark { + color: #50596c; +} + +a.text-dark:focus, +a.text-dark:hover { + color: #454d5d; +} + +a.text-dark:visited { + color: #5b657a; +} + .text-success { color: #32b643; } @@ -3548,11 +3568,11 @@ a.text-error:visited { padding-top: .4rem !important; } -.rounded { +.s-rounded { border-radius: .1rem; } -.circle { +.s-circle { border-radius: 50%; } |