Summary Files Commits Branches @commit @diff @stats
path: root / dist / spectre.css
diff options
context:
space:
mode:
1 files changed, 122 insertions, 60 deletions
-rw-r--r--dist/spectre.css182
diff --git a/dist/spectre.css b/dist/spectre.css
index 98f6c61..f7f9913 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -878,6 +878,7 @@ textarea.form-input {
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
transform: rotate(45deg);
width: .6rem;
}
@@ -1084,61 +1085,115 @@ textarea.form-input {
.col-1 {
width: 8.33333333%;
}
-@media screen and (min-width: 481px) {
- .col-xs-12,
- .col-xs-11,
- .col-xs-10,
- .col-xs-9,
- .col-xs-8,
- .col-xs-7,
- .col-xs-6,
- .col-xs-5,
- .col-xs-4,
- .col-xs-3,
- .col-xs-2,
- .col-xs-1 {
+@media screen and (max-width: 960px) {
+ .col-lg-12,
+ .col-lg-11,
+ .col-lg-10,
+ .col-lg-9,
+ .col-lg-8,
+ .col-lg-7,
+ .col-lg-6,
+ .col-lg-5,
+ .col-lg-4,
+ .col-lg-3,
+ .col-lg-2,
+ .col-lg-1 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
- .col-xs-12 {
+ .col-lg-12 {
width: 100%;
}
- .col-xs-11 {
+ .col-lg-11 {
width: 91.66666667%;
}
- .col-xs-10 {
+ .col-lg-10 {
width: 83.33333333%;
}
- .col-xs-9 {
+ .col-lg-9 {
width: 75%;
}
- .col-xs-8 {
+ .col-lg-8 {
width: 66.66666667%;
}
- .col-xs-7 {
+ .col-lg-7 {
width: 58.33333333%;
}
- .col-xs-6 {
+ .col-lg-6 {
width: 50%;
}
- .col-xs-5 {
+ .col-lg-5 {
width: 41.66666667%;
}
- .col-xs-4 {
+ .col-lg-4 {
width: 33.33333333%;
}
- .col-xs-3 {
+ .col-lg-3 {
width: 25%;
}
- .col-xs-2 {
+ .col-lg-2 {
width: 16.66666667%;
}
- .col-xs-1 {
+ .col-lg-1 {
width: 8.33333333%;
}
}
-@media screen and (min-width: 601px) {
+@media screen and (max-width: 840px) {
+ .col-md-12,
+ .col-md-11,
+ .col-md-10,
+ .col-md-9,
+ .col-md-8,
+ .col-md-7,
+ .col-md-6,
+ .col-md-5,
+ .col-md-4,
+ .col-md-3,
+ .col-md-2,
+ .col-md-1 {
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ }
+ .col-md-12 {
+ width: 100%;
+ }
+ .col-md-11 {
+ width: 91.66666667%;
+ }
+ .col-md-10 {
+ width: 83.33333333%;
+ }
+ .col-md-9 {
+ width: 75%;
+ }
+ .col-md-8 {
+ width: 66.66666667%;
+ }
+ .col-md-7 {
+ width: 58.33333333%;
+ }
+ .col-md-6 {
+ width: 50%;
+ }
+ .col-md-5 {
+ width: 41.66666667%;
+ }
+ .col-md-4 {
+ width: 33.33333333%;
+ }
+ .col-md-3 {
+ width: 25%;
+ }
+ .col-md-2 {
+ width: 16.66666667%;
+ }
+ .col-md-1 {
+ width: 8.33333333%;
+ }
+}
+@media screen and (max-width: 600px) {
.col-sm-12,
.col-sm-11,
.col-sm-10,
@@ -1192,61 +1247,61 @@ textarea.form-input {
width: 8.33333333%;
}
}
-@media screen and (min-width: 841px) {
- .col-md-12,
- .col-md-11,
- .col-md-10,
- .col-md-9,
- .col-md-8,
- .col-md-7,
- .col-md-6,
- .col-md-5,
- .col-md-4,
- .col-md-3,
- .col-md-2,
- .col-md-1 {
+@media screen and (max-width: 480px) {
+ .col-xs-12,
+ .col-xs-11,
+ .col-xs-10,
+ .col-xs-9,
+ .col-xs-8,
+ .col-xs-7,
+ .col-xs-6,
+ .col-xs-5,
+ .col-xs-4,
+ .col-xs-3,
+ .col-xs-2,
+ .col-xs-1 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
- .col-md-12 {
+ .col-xs-12 {
width: 100%;
}
- .col-md-11 {
+ .col-xs-11 {
width: 91.66666667%;
}
- .col-md-10 {
+ .col-xs-10 {
width: 83.33333333%;
}
- .col-md-9 {
+ .col-xs-9 {
width: 75%;
}
- .col-md-8 {
+ .col-xs-8 {
width: 66.66666667%;
}
- .col-md-7 {
+ .col-xs-7 {
width: 58.33333333%;
}
- .col-md-6 {
+ .col-xs-6 {
width: 50%;
}
- .col-md-5 {
+ .col-xs-5 {
width: 41.66666667%;
}
- .col-md-4 {
+ .col-xs-4 {
width: 33.33333333%;
}
- .col-md-3 {
+ .col-xs-3 {
width: 25%;
}
- .col-md-2 {
+ .col-xs-2 {
width: 16.66666667%;
}
- .col-md-1 {
+ .col-xs-1 {
width: 8.33333333%;
}
}
-@media screen and (min-width: 841px) {
+@media screen and (max-width: 840px) {
.form-horizontal {
padding: 1rem;
}
@@ -1265,14 +1320,6 @@ textarea.form-input {
}
}
@media screen and (max-width: 480px) {
- .columns {
- display: block;
- }
- .columns .column {
- width: 100%;
- }
-}
-@media screen and (max-width: 480px) {
.hide-xs {
display: none !important;
}
@@ -1348,7 +1395,9 @@ textarea.form-input {
.avatar img {
border-radius: 50%;
height: 100%;
+ position: relative;
width: 100%;
+ z-index: 99;
}
.avatar .avatar-icon {
background: #fff;
@@ -1366,7 +1415,9 @@ textarea.form-input {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
+ z-index: 0;
}
@-webkit-keyframes loading {
0% {
@@ -1484,6 +1535,7 @@ textarea.form-input {
padding: .2rem .5rem;
text-align: center;
-webkit-transform: translate(-.2rem, -.8rem);
+ -ms-transform: translate(-.2rem, -.8rem);
transform: translate(-.2rem, -.8rem);
white-space: nowrap;
}
@@ -1706,6 +1758,7 @@ textarea.form-input {
display: block;
height: .1rem;
-webkit-transform: translateY(-1rem);
+ -ms-transform: translateY(-1rem);
transform: translateY(-1rem);
width: 100%;
}
@@ -1848,6 +1901,7 @@ textarea.form-input {
right: 1.5rem;
top: .6rem;
-webkit-transform: translate(50%, -.8rem);
+ -ms-transform: translate(50%, -.8rem);
transform: translate(50%, -.8rem);
}
.pagination {
@@ -1950,6 +2004,7 @@ textarea.form-input {
position: absolute;
text-overflow: ellipsis;
-webkit-transform: translate(-50%, 0);
+ -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
transition: all .216s ease;
z-index: 99;
@@ -1958,6 +2013,7 @@ textarea.form-input {
.tooltip:focus::after {
opacity: 1;
-webkit-transform: translate(-50%, -.5rem);
+ -ms-transform: translate(-50%, -.5rem);
transform: translate(-50%, -.5rem);
}
.tooltip[disabled],
@@ -1968,22 +2024,26 @@ textarea.form-input {
bottom: 50%;
left: 100%;
-webkit-transform: translate(0, 50%);
+ -ms-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.tooltip.tooltip-right:hover::after,
.tooltip.tooltip-right:focus::after {
-webkit-transform: translate(.5rem, 50%);
+ -ms-transform: translate(.5rem, 50%);
transform: translate(.5rem, 50%);
}
.tooltip.tooltip-bottom::after {
bottom: auto;
top: 100%;
-webkit-transform: translate(-50%, 0);
+ -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.tooltip.tooltip-bottom:hover::after,
.tooltip.tooltip-bottom:focus::after {
-webkit-transform: translate(-50%, .5rem);
+ -ms-transform: translate(-50%, .5rem);
transform: translate(-50%, .5rem);
}
.tooltip.tooltip-left::after {
@@ -1991,11 +2051,13 @@ textarea.form-input {
left: auto;
right: 100%;
-webkit-transform: translate(0, 50%);
+ -ms-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.tooltip.tooltip-left:hover::after,
.tooltip.tooltip-left:focus::after {
-webkit-transform: translate(-.5rem, 50%);
+ -ms-transform: translate(-.5rem, 50%);
transform: translate(-.5rem, 50%);
}
.clearfix::after,
generated by cgit v1.3.1-23-gd82d (git 2.54.0) at 2026-11-13 00:14:16 +0000