commerce/assets/global.css
2020-10-13 11:48:25 -03:00

64 lines
1.1 KiB
CSS

@import './font.css';
:root {
--bg-primary: white;
--bg-secondary: black;
--bg-primary-accent: rgba(0, 0, 0, 0.075);
--text-primary: black;
--text-secondary: white;
--text-default: #252f3f;
}
[data-theme='dark'] {
--bg-primary: black;
--bg-secondary: white;
--bg-primary-accent: rgba(255, 255, 255, 0.075);
--text-primary: white;
--text-secondary: black;
--text-default: white;
}
.fit {
min-height: calc(100vh - 300px);
}
*,
*:before,
*:after {
box-sizing: inherit;
}
html {
height: 100%;
box-sizing: border-box;
touch-action: manipulation;
font-feature-settings: 'case' 1, 'rlig' 1, 'calt' 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html,
body {
font-family: var(--font-sans);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--bg-primary);
color: var(--text-primary);
}
body {
position: relative;
min-height: 100%;
margin: 0;
}
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}