feat(web): tailwind css (#1147)

This commit is contained in:
Aman Harwara
2022-06-28 02:50:52 +05:30
committed by GitHub
parent 0ead805412
commit b80038f607
201 changed files with 1824 additions and 2699 deletions

View File

@@ -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;
}