feat: css var

This commit is contained in:
FairyEver 2021-12-12 10:58:14 +08:00
parent 3af4efee4f
commit e43555cae2
2 changed files with 3 additions and 3 deletions

View File

@ -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 {

View File

@ -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');