diff options
Diffstat (limited to 'dist/spectre.css')
-rw-r--r-- | dist/spectre.css | 104 |
1 files changed, 75 insertions, 29 deletions
diff --git a/dist/spectre.css b/dist/spectre.css index 1e9b4be..1499dcc 100644 --- a/dist/spectre.css +++ b/dist/spectre.css @@ -1,4 +1,4 @@ -/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */ +/*! Spectre.css v0.5.9 | 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. */ @@ -761,8 +761,8 @@ html:lang(ko), } .btn-group { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -796,8 +796,8 @@ html:lang(ko), } .btn-group.btn-group-block { - display: flex; display: -ms-flexbox; + display: flex; } .btn-group.btn-group-block .btn { @@ -1166,8 +1166,8 @@ textarea.form-input.input-sm { } .input-group { - display: flex; display: -ms-flexbox; + display: flex; } .input-group .input-group-addon { @@ -1237,8 +1237,8 @@ textarea.form-input.input-sm { } .input-group.input-inline { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; } .has-success .form-input, @@ -1306,15 +1306,28 @@ textarea.form-input.input-sm { border-color: #e85600; } +.form-input:not(:-ms-input-placeholder):invalid { + border-color: #e85600; +} + .form-input:not(:placeholder-shown):invalid { border-color: #e85600; } +.form-input:not(:-ms-input-placeholder):invalid:focus { + background: #fffaf7; + box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); +} + .form-input:not(:placeholder-shown):invalid:focus { background: #fffaf7; box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); } +.form-input:not(:-ms-input-placeholder):invalid + .form-input-hint { + color: #e85600; +} + .form-input:not(:placeholder-shown):invalid + .form-input-hint { color: #e85600; } @@ -1349,8 +1362,8 @@ input.disabled + .form-icon { } .form-horizontal .form-group { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -1536,31 +1549,36 @@ video.video-responsive::before { display: none !important; } +.cols, .columns { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -.4rem; margin-right: -.4rem; } +.cols.col-gapless, .columns.col-gapless { margin-left: 0; margin-right: 0; } +.cols.col-gapless > .column, .columns.col-gapless > .column { padding-left: 0; padding-right: 0; } +.cols.col-oneline, .columns.col-oneline { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } +[class~="col-"], .column { -ms-flex: 1; flex: 1; @@ -1569,6 +1587,19 @@ video.video-responsive::before { padding-right: .4rem; } +[class~="col-"].col-12, +[class~="col-"].col-11, +[class~="col-"].col-10, +[class~="col-"].col-9, +[class~="col-"].col-8, +[class~="col-"].col-7, +[class~="col-"].col-6, +[class~="col-"].col-5, +[class~="col-"].col-4, +[class~="col-"].col-3, +[class~="col-"].col-2, +[class~="col-"].col-1, +[class~="col-"].col-auto, .column.col-12, .column.col-11, .column.col-10, @@ -1975,8 +2006,8 @@ video.video-responsive::before { } .hero { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; @@ -2001,8 +2032,8 @@ video.video-responsive::before { .navbar { align-items: stretch; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: stretch; -ms-flex-pack: justify; -ms-flex-wrap: wrap; @@ -2012,8 +2043,8 @@ video.video-responsive::before { .navbar .navbar-section { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex: 1 0 0; flex: 1 0 0; -ms-flex-align: center; @@ -2026,8 +2057,8 @@ video.video-responsive::before { .navbar .navbar-center { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; @@ -2038,8 +2069,8 @@ video.video-responsive::before { text-decoration: none; } -.accordion input:checked ~ .accordion-header .icon, -.accordion[open] .accordion-header .icon { +.accordion input:checked ~ .accordion-header > .icon:first-child, +.accordion[open] .accordion-header > .icon:first-child { transform: rotate(90deg); } @@ -2238,8 +2269,8 @@ summary.accordion-header::-webkit-details-marker { .bar { background: #eef0f3; border-radius: .1rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: .8rem; @@ -2314,8 +2345,8 @@ summary.accordion-header::-webkit-details-marker { background: #fff; border: .05rem solid #dadee4; border-radius: .1rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; } @@ -2360,8 +2391,8 @@ summary.accordion-header::-webkit-details-marker { align-items: center; background: #eef0f3; border-radius: 5rem; - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; -ms-flex-align: center; font-size: 90%; height: 1.2rem; @@ -2500,8 +2531,8 @@ summary.accordion-header::-webkit-details-marker { .menu .menu-badge { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; height: 100%; position: absolute; @@ -2531,8 +2562,8 @@ summary.accordion-header::-webkit-details-marker { .modal:target, .modal.active { - display: flex; display: -ms-flexbox; + display: flex; opacity: 1; z-index: 400; } @@ -2573,8 +2604,8 @@ summary.accordion-header::-webkit-details-marker { background: #fff; border-radius: .1rem; box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3); - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; max-height: 75vh; @@ -2604,8 +2635,8 @@ summary.accordion-header::-webkit-details-marker { } .nav { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; list-style: none; @@ -2639,8 +2670,8 @@ summary.accordion-header::-webkit-details-marker { } .pagination { - display: flex; display: -ms-flexbox; + display: flex; list-style: none; margin: .2rem 0; padding: .2rem 0; @@ -2700,8 +2731,8 @@ summary.accordion-header::-webkit-details-marker { .panel { border: .05rem solid #dadee4; border-radius: .1rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; } @@ -2785,8 +2816,8 @@ summary.accordion-header::-webkit-details-marker { } .step { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; @@ -2855,8 +2886,8 @@ summary.accordion-header::-webkit-details-marker { .tab { align-items: center; border-bottom: .05rem solid #dadee4; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; @@ -2922,8 +2953,8 @@ summary.accordion-header::-webkit-details-marker { .tile { align-content: space-between; align-items: flex-start; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: start; -ms-flex-line-pack: justify; } @@ -3285,13 +3316,13 @@ a.text-error:visited { } .d-flex { - display: flex; display: -ms-flexbox; + display: flex; } .d-inline-flex { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; } .d-none, @@ -3387,6 +3418,7 @@ a.text-error:visited { .loading::after { animation: loading 500ms infinite linear; + background: transparent; border: .1rem solid #5755d9; border-radius: 50%; border-right-color: transparent; @@ -3397,6 +3429,8 @@ a.text-error:visited { left: 50%; margin-left: -.4rem; margin-top: -.4rem; + opacity: 1; + padding: 0; position: absolute; top: 50%; width: .8rem; @@ -3441,8 +3475,8 @@ a.text-error:visited { } .p-sticky { - position: sticky !important; position: -webkit-sticky !important; + position: sticky !important; } .p-centered { @@ -3454,8 +3488,8 @@ a.text-error:visited { .flex-centered { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; @@ -3693,6 +3727,18 @@ a.text-error:visited { font-size: 1.2em; } +.text-small { + font-size: .9em; +} + +.text-tiny { + font-size: .8em; +} + +.text-muted { + opacity: .8; +} + .text-ellipsis { overflow: hidden; text-overflow: ellipsis; |