Skip to content

Commit 147e900

Browse files
adokseoadokseo
committed
v3.2
1 parent 7d7bff3 commit 147e900

11 files changed

Lines changed: 353 additions & 252 deletions

File tree

‎.github/CHANGELOG.md‎

Whitespace-only changes.

README.md renamed to .github/README.md

File renamed without changes.

‎assets/satus/satus.css‎

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616

1717
:where([class^='satus'])::-webkit-scrollbar-thumb:hover {
1818
background: rgba(var(--satus-light), .3);
19-
}
19+
}
2020
/*--------------------------------------------------------------
2121
# ANIMATIONS
2222
--------------------------------------------------------------*/
@@ -103,7 +103,7 @@
103103
transform: scale(.8);
104104
opacity: 0;
105105
}
106-
}
106+
}
107107
/*--------------------------------------------------------------
108108
>>> THEMES
109109
--------------------------------------------------------------*/
@@ -153,7 +153,7 @@
153153
--satus-switch-track: #e1e4ea;
154154
--satus-switch-track--checked: var(--satus-primary);
155155
--satus-switch-thumb: #fff;
156-
}
156+
}
157157
/*--------------------------------------------------------------
158158
>>> NORMALIZE
159159
--------------------------------------------------------------*/
@@ -168,7 +168,7 @@
168168

169169
:where([class^='satus'])[transparent] {
170170
opacity: 0;
171-
}
171+
}
172172
/*--------------------------------------------------------------
173173
>>> MODAL
174174
----------------------------------------------------------------
@@ -305,7 +305,7 @@
305305
overflow: hidden;
306306
white-space: nowrap;
307307
text-overflow: ellipsis;
308-
}
308+
}
309309
/*--------------------------------------------------------------
310310
>>> GRID
311311
--------------------------------------------------------------*/
@@ -315,7 +315,7 @@
315315
align-items: stretch;
316316
height: 100%;
317317
padding: 8px;
318-
}
318+
}
319319
/*--------------------------------------------------------------
320320
>>> TEXT FIELD
321321
----------------------------------------------------------------
@@ -518,7 +518,7 @@
518518
.satus-text-field__pre>.text {
519519
color: #c4c4d4;
520520
background-color: rgb(196, 196, 212, .16);
521-
}
521+
}
522522
/*--------------------------------------------------------------
523523
>>> CHART
524524
--------------------------------------------------------------*/
@@ -595,7 +595,7 @@
595595
.satus-chart__piece:first-child {
596596
border-top-left-radius: 4px;
597597
border-top-right-radius: 4px;
598-
}
598+
}
599599
/*--------------------------------------------------------------
600600
>>> SELECT
601601
--------------------------------------------------------------*/
@@ -667,7 +667,7 @@
667667
.satus-select option {
668668
color: var(--satus-select-text);
669669
background: var(--satus-select-background);
670-
}
670+
}
671671
/*--------------------------------------------------------------
672672
>>> DIVIDER
673673
--------------------------------------------------------------*/
@@ -676,7 +676,7 @@
676676
height: 1px;
677677
margin: 16px 0 12px;
678678
background: var(--satus-divider);
679-
}
679+
}
680680
/*--------------------------------------------------------------
681681
>>> SECTION
682682
----------------------------------------------------------------
@@ -822,7 +822,7 @@
822822
margin-left: auto;
823823
margin-right: auto;
824824
}
825-
}
825+
}
826826
/*--------------------------------------------------------------
827827
>>> BASE
828828
--------------------------------------------------------------*/
@@ -836,7 +836,7 @@
836836

837837
color: var(--satus-base-foreground);
838838
background: var(--satus-base-background);
839-
}
839+
}
840840
/*--------------------------------------------------------------
841841
>>> ALERT
842842
----------------------------------------------------------------
@@ -875,7 +875,7 @@
875875
margin-left: auto;
876876
margin-right: auto;
877877
}
878-
}
878+
}
879879
/*--------------------------------------------------------------
880880
>>> MAIN
881881
--------------------------------------------------------------*/
@@ -884,7 +884,7 @@
884884
display: flex;
885885
background: var(--satus-base-background);
886886
flex: 1
887-
}
887+
}
888888
/*--------------------------------------------------------------
889889
>>> SIDEBAR
890890
--------------------------------------------------------------*/
@@ -898,7 +898,7 @@
898898
color: var(--satus-sidebar-text);
899899
background: var(--satus-sidebar-background);
900900
box-shadow: 1px 0 0 var(--satus-sidebar-shadow)
901-
}
901+
}
902902
/*--------------------------------------------------------------
903903
>>> LAYERS
904904
--------------------------------------------------------------*/
@@ -923,7 +923,7 @@
923923

924924
color: var(--satus-layers-text);
925925
background: var(--satus-layers-background);
926-
}
926+
}
927927
/*--------------------------------------------------------------
928928
>>> LIST
929929
--------------------------------------------------------------*/
@@ -954,7 +954,7 @@
954954
text-align: right;
955955

956956
opacity: .64;
957-
}
957+
}
958958
/*--------------------------------------------------------------
959959
>>> COLOR PICKER:
960960
----------------------------------------------------------------
@@ -1070,7 +1070,7 @@
10701070
.satus-color-picker__hue .satus-slider__track-fill,
10711071
.satus-color-picker__hue .satus-slider__handle:focus::after {
10721072
display: none;
1073-
}
1073+
}
10741074
/*--------------------------------------------------------------
10751075
>>> SPAN
10761076
--------------------------------------------------------------*/
@@ -1083,7 +1083,7 @@
10831083
text-overflow: ellipsis;
10841084

10851085
flex: 1;
1086-
}
1086+
}
10871087
/*--------------------------------------------------------------
10881088
>>> BUTTON
10891089
----------------------------------------------------------------
@@ -1156,7 +1156,7 @@
11561156
.satus-button--icon svg {
11571157
width: 24px;
11581158
height: 24px;
1159-
}
1159+
}
11601160
/*--------------------------------------------------------------
11611161
>>> HEADER
11621162
--------------------------------------------------------------*/
@@ -1175,7 +1175,7 @@
11751175

11761176
justify-content: space-between;
11771177
align-items: center;
1178-
}
1178+
}
11791179
/*--------------------------------------------------------------
11801180
>>> RADIO
11811181
--------------------------------------------------------------*/
@@ -1228,7 +1228,7 @@
12281228
.satus-radio__input:checked + .satus-radio__i::before {
12291229
background: var(--satus-primary);
12301230
transform: scale(1);
1231-
}
1231+
}
12321232
/*--------------------------------------------------------------
12331233
>>> SLIDER
12341234
--------------------------------------------------------------*/
@@ -1347,7 +1347,7 @@
13471347
.satus-slider--row .satus-slider__track-container {
13481348
margin: 0 0 -2px 12px;
13491349
max-width: 50%;
1350-
}
1350+
}
13511351
/*--------------------------------------------------------------
13521352
>>> TABS
13531353
--------------------------------------------------------------*/
@@ -1399,7 +1399,7 @@
13991399

14001400
flex: 1;
14011401
appearance: none;
1402-
}
1402+
}
14031403
/*--------------------------------------------------------------
14041404
>>> SHORTCUT:
14051405
----------------------------------------------------------------
@@ -1652,7 +1652,7 @@
16521652

16531653
color: #f96754;
16541654
border-radius: 4px;
1655-
}
1655+
}
16561656
/*--------------------------------------------------------------
16571657
>>> CHECKBOX
16581658
--------------------------------------------------------------*/
@@ -1702,7 +1702,7 @@
17021702
border-top: none;
17031703
border-right: none;
17041704
}
1705-
1705+
17061706
/*--------------------------------------------------------------
17071707
>>> SWITCH
17081708
----------------------------------------------------------------
@@ -1798,4 +1798,4 @@
17981798

17991799
.satus-switch[data-value='true']>i::before {
18001800
transform: translateX(14px);
1801-
}
1801+
}

0 commit comments

Comments
 (0)