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.css136
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%;
}