Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-07 16:06:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

refact: clean up unused styles

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2020-05-12 00:38:51 -04:00
parent 66f0d0ffef
commit f463d8c58a
2 changed files with 4 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Footer/styles.tsx
-2
View File
@@ -6,9 +6,7 @@ export const FooterWrapper = styled.footer`
& a { & a {
display: inline; display: inline;
font-weight: 700; font-weight: 700;
color: #fff;
color: ${props => props.theme.main.foreground}; color: ${props => props.theme.main.foreground};
font-weight: 700;
text-decoration: none; text-decoration: none;
position: relative; position: relative;
src/components/Header/styles.tsx
+4 -17
View File
@@ -15,10 +15,7 @@ export const Meta = styled.div`
display: flex; display: flex;
white-space: nowrap; white-space: nowrap;
align-items: center; align-items: center;
color: ${props => color: ${props => transparentize(0.1, props.theme.main.foreground)};
props.theme.name === "dark"
? transparentize(0.1, props.theme.main.foreground)
: transparentize(0.1, props.theme.main.foreground)};
& + &::before { & + &::before {
content: "•"; content: "•";
@@ -44,10 +41,7 @@ export const Popover = styled.div`
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
backdrop-filter: blur(14px); backdrop-filter: blur(14px);
background: ${props => background: ${props => transparentize(0.3, props.theme.main.background)};
props.theme.name === "dark"
? transparentize(0.3, props.theme.main.background)
: transparentize(0.3, props.theme.main.background)};
&::before { &::before {
position: absolute; position: absolute;
@@ -60,11 +54,7 @@ export const Popover = styled.div`
border-style: solid; border-style: solid;
border-width: 0 3.5px 4px 3.5px; border-width: 0 3.5px 4px 3.5px;
border-color: transparent transparent border-color: transparent transparent
${props => ${props => transparentize(0.3, props.theme.main.background)} transparent;
props.theme.name === "dark"
? transparentize(0.3, props.theme.main.background)
: transparentize(0.3, props.theme.main.background)}
transparent;
} }
` `
@@ -73,10 +63,7 @@ export const PopoverToggler = styled.div`
align-items: center; align-items: center;
position: relative; position: relative;
border-bottom: 1px dashed border-bottom: 1px dashed
${props => ${props => transparentize(0.1, props.theme.main.foreground)};
props.theme.name === "dark"
? transparentize(0.1, props.theme.main.foreground)
: transparentize(0.1, props.theme.main.foreground)};
&:hover ${Popover} { &:hover ${Popover} {
display: block; display: block;