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

Add 's' method to access theme props (#5163)

Browse Source
This commit is contained in:
Tom Moor
2023-04-07 22:43:34 -04:00
committed by GitHub
parent c202198d61
commit 422bdc32d9
116 changed files with 482 additions and 388 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/components/Tabs.tsx
View File

@@ -2,10 +2,11 @@ import { AnimateSharedLayout } from "framer-motion";
import { transparentize } from "polished";
import * as React from "react";
import styled from "styled-components";
import { s } from "@shared/styles";
import useWindowSize from "~/hooks/useWindowSize";
const Nav = styled.nav<{ $shadowVisible?: boolean }>`
border-bottom: 1px solid ${(props) => props.theme.divider};
border-bottom: 1px solid ${s("divider")};
margin: 12px 0;
overflow-y: auto;
white-space: nowrap;
@@ -43,13 +44,13 @@ const Sticky = styled.div`
top: 54px;
margin: 0 -8px;
padding: 0 8px;
background: ${(props) => props.theme.background};
transition: ${(props) => props.theme.backgroundTransition};
background: ${s("background")};
transition: ${s("backgroundTransition")};
z-index: 1;
`;
export const Separator = styled.span`
border-left: 1px solid ${(props) => props.theme.divider};
border-left: 1px solid ${s("divider")};
position: relative;
top: 2px;
margin-right: 24px;