yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: Move depths and breakpoints out of theme

Browse Source
This commit is contained in:
Tom Moor
2022-04-04 21:20:38 -07:00
parent 20a69b711a
commit 2e41ace386
25 changed files with 73 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/styles/globals.ts
View File

@@ -1,5 +1,6 @@
import { createGlobalStyle } from "styled-components";
import styledNormalize from "styled-normalize";
import { breakpoints, depths } from "@shared/styles";
export default createGlobalStyle`
${styledNormalize}
@@ -36,8 +37,7 @@ export default createGlobalStyle`
text-rendering: optimizeLegibility;
}
@media (min-width: ${(props) =>
props.theme.breakpoints.tablet}px) and (display-mode: standalone) {
@media (min-width: ${breakpoints.tablet}px) and (display-mode: standalone) {
body:after {
content: "";
display: block;
@@ -47,7 +47,7 @@ export default createGlobalStyle`
right: 0;
height: 1px;
background: ${(props) => props.theme.titleBarDivider};
z-index: ${(props) => props.theme.depths.titleBarDivider};
z-index: ${depths.titleBarDivider};
}
}