Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/picturepan2/spectre.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'docs/dist/spectre.css')
-rw-r--r--docs/dist/spectre.css104
1 files changed, 75 insertions, 29 deletions
diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index 1e9b4be..1499dcc 100644
--- a/docs/dist/spectre.css
+++ b/docs/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;