Skip to content

Commit

Permalink
v3.2
Browse files Browse the repository at this point in the history
  • Loading branch information
@adokseo
adokseo committed Jul 10, 2022
1 parent 7d7bff3 commit 147e900
Show file tree
Hide file tree
Showing 11 changed files with 353 additions and 252 deletions.
Empty file added .github/CHANGELOG.md
View file
Empty file.
0 README.md → .github/README.md
View file
File renamed without changes.
54 changes: 27 additions & 27 deletions assets/satus/satus.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@

:where([class^='satus'])::-webkit-scrollbar-thumb:hover {
background: rgba(var(--satus-light), .3);
}
}
/*--------------------------------------------------------------
# ANIMATIONS
--------------------------------------------------------------*/
Expand Down Expand Up @@ -103,7 +103,7 @@
transform: scale(.8);
opacity: 0;
}
}
}
/*--------------------------------------------------------------
>>> THEMES
--------------------------------------------------------------*/
Expand Down Expand Up @@ -153,7 +153,7 @@
--satus-switch-track: #e1e4ea;
--satus-switch-track--checked: var(--satus-primary);
--satus-switch-thumb: #fff;
}
}
/*--------------------------------------------------------------
>>> NORMALIZE
--------------------------------------------------------------*/
Expand All @@ -168,7 +168,7 @@

:where([class^='satus'])[transparent] {
opacity: 0;
}
}
/*--------------------------------------------------------------
>>> MODAL
----------------------------------------------------------------
Expand Down Expand Up @@ -305,7 +305,7 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
/*--------------------------------------------------------------
>>> GRID
--------------------------------------------------------------*/
Expand All @@ -315,7 +315,7 @@
align-items: stretch;
height: 100%;
padding: 8px;
}
}
/*--------------------------------------------------------------
>>> TEXT FIELD
----------------------------------------------------------------
Expand Down Expand Up @@ -518,7 +518,7 @@
.satus-text-field__pre>.text {
color: #c4c4d4;
background-color: rgb(196, 196, 212, .16);
}
}
/*--------------------------------------------------------------
>>> CHART
--------------------------------------------------------------*/
Expand Down Expand Up @@ -595,7 +595,7 @@
.satus-chart__piece:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
}
/*--------------------------------------------------------------
>>> SELECT
--------------------------------------------------------------*/
Expand Down Expand Up @@ -667,7 +667,7 @@
.satus-select option {
color: var(--satus-select-text);
background: var(--satus-select-background);
}
}
/*--------------------------------------------------------------
>>> DIVIDER
--------------------------------------------------------------*/
Expand All @@ -676,7 +676,7 @@
height: 1px;
margin: 16px 0 12px;
background: var(--satus-divider);
}
}
/*--------------------------------------------------------------
>>> SECTION
----------------------------------------------------------------
Expand Down Expand Up @@ -822,7 +822,7 @@
margin-left: auto;
margin-right: auto;
}
}
}
/*--------------------------------------------------------------
>>> BASE
--------------------------------------------------------------*/
Expand All @@ -836,7 +836,7 @@

color: var(--satus-base-foreground);
background: var(--satus-base-background);
}
}
/*--------------------------------------------------------------
>>> ALERT
----------------------------------------------------------------
Expand Down Expand Up @@ -875,7 +875,7 @@
margin-left: auto;
margin-right: auto;
}
}
}
/*--------------------------------------------------------------
>>> MAIN
--------------------------------------------------------------*/
Expand All @@ -884,7 +884,7 @@
display: flex;
background: var(--satus-base-background);
flex: 1
}
}
/*--------------------------------------------------------------
>>> SIDEBAR
--------------------------------------------------------------*/
Expand All @@ -898,7 +898,7 @@
color: var(--satus-sidebar-text);
background: var(--satus-sidebar-background);
box-shadow: 1px 0 0 var(--satus-sidebar-shadow)
}
}
/*--------------------------------------------------------------
>>> LAYERS
--------------------------------------------------------------*/
Expand All @@ -923,7 +923,7 @@

color: var(--satus-layers-text);
background: var(--satus-layers-background);
}
}
/*--------------------------------------------------------------
>>> LIST
--------------------------------------------------------------*/
Expand Down Expand Up @@ -954,7 +954,7 @@
text-align: right;

opacity: .64;
}
}
/*--------------------------------------------------------------
>>> COLOR PICKER:
----------------------------------------------------------------
Expand Down Expand Up @@ -1070,7 +1070,7 @@
.satus-color-picker__hue .satus-slider__track-fill,
.satus-color-picker__hue .satus-slider__handle:focus::after {
display: none;
}
}
/*--------------------------------------------------------------
>>> SPAN
--------------------------------------------------------------*/
Expand All @@ -1083,7 +1083,7 @@
text-overflow: ellipsis;

flex: 1;
}
}
/*--------------------------------------------------------------
>>> BUTTON
----------------------------------------------------------------
Expand Down Expand Up @@ -1156,7 +1156,7 @@
.satus-button--icon svg {
width: 24px;
height: 24px;
}
}
/*--------------------------------------------------------------
>>> HEADER
--------------------------------------------------------------*/
Expand All @@ -1175,7 +1175,7 @@

justify-content: space-between;
align-items: center;
}
}
/*--------------------------------------------------------------
>>> RADIO
--------------------------------------------------------------*/
Expand Down Expand Up @@ -1228,7 +1228,7 @@
.satus-radio__input:checked + .satus-radio__i::before {
background: var(--satus-primary);
transform: scale(1);
}
}
/*--------------------------------------------------------------
>>> SLIDER
--------------------------------------------------------------*/
Expand Down Expand Up @@ -1347,7 +1347,7 @@
.satus-slider--row .satus-slider__track-container {
margin: 0 0 -2px 12px;
max-width: 50%;
}
}
/*--------------------------------------------------------------
>>> TABS
--------------------------------------------------------------*/
Expand Down Expand Up @@ -1399,7 +1399,7 @@

flex: 1;
appearance: none;
}
}
/*--------------------------------------------------------------
>>> SHORTCUT:
----------------------------------------------------------------
Expand Down Expand Up @@ -1652,7 +1652,7 @@

color: #f96754;
border-radius: 4px;
}
}
/*--------------------------------------------------------------
>>> CHECKBOX
--------------------------------------------------------------*/
Expand Down Expand Up @@ -1702,7 +1702,7 @@
border-top: none;
border-right: none;
}


/*--------------------------------------------------------------
>>> SWITCH
----------------------------------------------------------------
Expand Down Expand Up @@ -1798,4 +1798,4 @@

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

0 comments on commit 147e900

Please sign in to comment.