feat: css var
This commit is contained in:
parent
3af4efee4f
commit
e43555cae2
|
|
@ -69,8 +69,9 @@ html, body, #app {
|
|||
|
||||
.layout__header-background {
|
||||
@apply box-content;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-width: --var('header-border-width');
|
||||
border-bottom-style: solid;
|
||||
border-color: --var('header-border-color');
|
||||
}
|
||||
|
||||
.layout__header {
|
||||
|
|
@ -132,7 +133,6 @@ html, body, #app {
|
|||
.container__blur {
|
||||
background-color: --var('color-bg-container-rgba-blur');
|
||||
backdrop-filter: blur(8px);
|
||||
border-color: --var('color-bg-container');
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.container__blur {
|
||||
|
|
@ -143,7 +143,6 @@ html, body, #app {
|
|||
.app__blur {
|
||||
background-color: --var('color-bg-app-rgba-blur');
|
||||
backdrop-filter: blur(8px);
|
||||
border-color: --var('color-bg-app');
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.app__blur {
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ $color-bg-container: #FFFFFF;
|
|||
// header
|
||||
#{--key('header-height')}: --var('item-height');
|
||||
#{--key('header-border-width')}: 1px;
|
||||
#{--key('header-border-color')}: --var('color-bg-app');
|
||||
// side
|
||||
#{--key('side-width')}: 220px;
|
||||
#{--key('side-width-collapsed')}: --var('item-height');
|
||||
|
|
|
|||
Loading…
Reference in New Issue