diff options
Diffstat (limited to 'docs/dist/spectre-rtl.css')
-rw-r--r-- | docs/dist/spectre-rtl.css | 130 |
1 files changed, 90 insertions, 40 deletions
diff --git a/docs/dist/spectre-rtl.css b/docs/dist/spectre-rtl.css index 01021d5..8273d4e 100644 --- a/docs/dist/spectre-rtl.css +++ b/docs/dist/spectre-rtl.css @@ -1,5 +1,5 @@ /*! Spectre.css RTL | MIT License | github.com/picturepan2/spectre */ -/*! 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. */ @@ -762,8 +762,8 @@ html:lang(ko), } .btn-group { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -797,8 +797,8 @@ html:lang(ko), } .btn-group.btn-group-block { - display: flex; display: -ms-flexbox; + display: flex; } .btn-group.btn-group-block .btn { @@ -1167,8 +1167,8 @@ textarea.form-input.input-sm { } .input-group { - display: flex; display: -ms-flexbox; + display: flex; } .input-group .input-group-addon { @@ -1238,8 +1238,8 @@ textarea.form-input.input-sm { } .input-group.input-inline { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; } .has-success .form-input, @@ -1307,15 +1307,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; } @@ -1350,8 +1363,8 @@ input.disabled + .form-icon { } .form-horizontal .form-group { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -1537,31 +1550,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; @@ -1570,6 +1588,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, @@ -1976,8 +2007,8 @@ video.video-responsive::before { } .hero { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; @@ -2002,8 +2033,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; @@ -2013,8 +2044,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; @@ -2027,8 +2058,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; @@ -2039,8 +2070,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); } @@ -2239,8 +2270,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; @@ -2315,8 +2346,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; } @@ -2361,8 +2392,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; @@ -2501,8 +2532,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; @@ -2532,8 +2563,8 @@ summary.accordion-header::-webkit-details-marker { .modal:target, .modal.active { - display: flex; display: -ms-flexbox; + display: flex; opacity: 1; z-index: 400; } @@ -2574,8 +2605,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; @@ -2605,8 +2636,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; @@ -2640,8 +2671,8 @@ summary.accordion-header::-webkit-details-marker { } .pagination { - display: flex; display: -ms-flexbox; + display: flex; list-style: none; margin: .2rem 0; padding: .2rem 0; @@ -2701,8 +2732,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; } @@ -2786,8 +2817,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; @@ -2856,8 +2887,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; @@ -2923,8 +2954,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; } @@ -3286,13 +3317,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, @@ -3388,6 +3419,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; @@ -3398,6 +3430,8 @@ a.text-error:visited { left: 50%; margin-left: -.4rem; margin-top: -.4rem; + opacity: 1; + padding: 0; position: absolute; top: 50%; width: .8rem; @@ -3442,8 +3476,8 @@ a.text-error:visited { } .p-sticky { - position: sticky !important; position: -webkit-sticky !important; + position: sticky !important; } .p-centered { @@ -3455,8 +3489,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; @@ -3694,6 +3728,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; @@ -3714,15 +3760,15 @@ a.text-error:visited { word-wrap: break-word; } -/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */ +/*! Spectre.css Experimentals v0.5.9 | MIT License | github.com/picturepan2/spectre */ .form-autocomplete { position: relative; } .form-autocomplete .form-autocomplete-input { align-content: flex-start; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-line-pack: start; -ms-flex-wrap: wrap; flex-wrap: wrap; @@ -3778,8 +3824,8 @@ a.text-error:visited { background: #f7f8f9; border-top-left-radius: .1rem; border-top-right-radius: .1rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; font-size: .9rem; padding: .4rem; @@ -3787,8 +3833,8 @@ a.text-error:visited { .calendar .calendar-header, .calendar .calendar-body { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; @@ -3931,8 +3977,8 @@ a.text-error:visited { .calendar.calendar-lg .calendar-body .calendar-date { border-bottom: .05rem solid #dadee4; border-right: .05rem solid #dadee4; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; height: 5.5rem; @@ -4072,8 +4118,8 @@ a.text-error:visited { .carousel .carousel-nav { bottom: .4rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-pack: center; justify-content: center; left: 50%; @@ -4185,6 +4231,7 @@ a.text-error:visited { color: #fff; content: ""; height: 3px; + pointer-events: none; position: absolute; right: .4rem; top: 50%; @@ -4271,8 +4318,8 @@ a.text-error:visited { } .filter .filter-body { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -4336,8 +4383,8 @@ a.text-error:visited { } .off-canvas { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-flow: nowrap; flex-flow: nowrap; height: 100%; @@ -4443,8 +4490,8 @@ a.text-error:visited { .parallax .parallax-front { align-items: center; color: #fff; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; -ms-flex-pack: center; height: 100%; @@ -4632,6 +4679,7 @@ a.text-error:visited { border-radius: 50%; height: .6rem; margin-top: -.25rem; + -webkit-transition: transform .2s; transition: transform .2s; width: .6rem; } @@ -4641,6 +4689,7 @@ a.text-error:visited { border: 0; border-radius: 50%; height: .6rem; + -moz-transition: transform .2s; transition: transform .2s; width: .6rem; } @@ -4650,6 +4699,7 @@ a.text-error:visited { border: 0; border-radius: 50%; height: .6rem; + -ms-transition: transform .2s; transition: transform .2s; width: .6rem; } @@ -4710,8 +4760,8 @@ a.text-error:visited { } .timeline .timeline-item { - display: flex; display: -ms-flexbox; + display: flex; margin-bottom: 1.2rem; position: relative; } @@ -4774,8 +4824,8 @@ a.text-error:visited { .viewer-360 { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; -ms-flex-direction: column; flex-direction: column; |