feat(web): tailwind css (#1147)
This commit is contained in:
@@ -1,25 +1,28 @@
|
||||
$z-index-editor-content: 10;
|
||||
|
||||
$z-index-editor-title-bar: 100;
|
||||
|
||||
$z-index-resizer-overlay: 1000;
|
||||
|
||||
$z-index-component-view: 1000;
|
||||
|
||||
$z-index-footer-bar: 2000;
|
||||
$z-index-footer-bar-item: 2000;
|
||||
$z-index-footer-bar-item-panel: 2000;
|
||||
|
||||
$z-index-preferences: 3000;
|
||||
|
||||
$z-index-purchase-flow: 4000;
|
||||
|
||||
$z-index-lock-screen: 10000;
|
||||
$z-index-modal: 10000;
|
||||
|
||||
:root {
|
||||
--z-index-editor-content: 10;
|
||||
--z-index-editor-title-bar: 100;
|
||||
--z-index-resizer-overlay: 1000;
|
||||
--z-index-component-view: 1000;
|
||||
--z-index-panel-resizer: 1001;
|
||||
--z-index-dropdown-menu: 1002;
|
||||
--z-index-footer-bar: 2000;
|
||||
--z-index-footer-bar-item: 2000;
|
||||
--z-index-footer-bar-item-panel: 2000;
|
||||
--z-index-preferences: 3000;
|
||||
--z-index-purchase-flow: 4000;
|
||||
--z-index-lock-screen: 10000;
|
||||
--z-index-modal: 10000;
|
||||
--z-index-toast: 11000;
|
||||
|
||||
--sn-stylekit-base-font-size: 0.813rem;
|
||||
--sn-stylekit-simplified-chinese-font: 'Microsoft Yahei', '微软雅黑体';
|
||||
--sn-stylekit-monospace-font: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 'Ubuntu Mono', 'Courier New',
|
||||
monospace;
|
||||
--sn-stylekit-sans-serif-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
|
||||
'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', var(--sn-stylekit-simplified-chinese-font), sans-serif;
|
||||
--sn-stylekit-editor-font-family: var(--sn-stylekit-sans-serif-font);
|
||||
|
||||
--reach-checkbox: 1;
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -28,12 +31,13 @@ html {
|
||||
|
||||
body {
|
||||
font-size: var(--sn-stylekit-base-font-size);
|
||||
color: var(--sn-stylekit-foreground-color);
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
|
||||
'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
|
||||
'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
-moz-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
@@ -118,7 +122,7 @@ $footer-height: 2rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: transparent;
|
||||
z-index: $z-index-resizer-overlay;
|
||||
z-index: var(--z-index-resizer-overlay);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@@ -168,11 +172,3 @@ $footer-height: 2rem;
|
||||
.icon {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.z-index-preferences {
|
||||
z-index: $z-index-preferences;
|
||||
}
|
||||
|
||||
.z-index-purchase-flow {
|
||||
z-index: $z-index-purchase-flow;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user