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

ui(home): make elements 20% smaller

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2019-09-19 03:09:05 -04:00
parent 5f85179d7f
commit e70bb3d61e
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DiscordButton/styles.tsx
+4 -4
View File
@@ -6,12 +6,12 @@ export const DiscordButtonWrapper = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
font-family: "Oxygen", sans-serif; font-family: "Oxygen", sans-serif;
font-size: 30px; font-size: 24px;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
background: ${props => props.theme.discord.base}; background: ${props => props.theme.discord.base};
color: #fff; color: #fff;
padding: 22px 35px; padding: 18px 28px;
border-radius: 5px; border-radius: 5px;
transition: background 0.3s; transition: background 0.3s;
cursor: pointer; cursor: pointer;
@@ -23,6 +23,6 @@ export const DiscordButtonWrapper = styled.div`
` `
export const StyledDiscordLogo = styled(DiscordLogo)` export const StyledDiscordLogo = styled(DiscordLogo)`
width: 38px; width: 30px;
margin-right: 16px; margin-right: 13px;
` `
src/components/Header/styles.tsx
+4 -4
View File
@@ -40,14 +40,14 @@ export const Title = styled.h1`
.is-home & { .is-home & {
margin: 32px 0; margin: 32px 0;
font-size: 110px; font-size: 88px;
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
font-size: 72px; font-size: 58px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
font-size: 40px; font-size: 32px;
} }
} }
` `
@@ -107,7 +107,7 @@ export const Logo = styled(TPHLogo)`
z-index: 3; z-index: 3;
.is-home & { .is-home & {
width: 122px; width: 98px;
margin-bottom: 0 0 10px 0; margin-bottom: 0 0 10px 0;
} }
` `