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

ui(header): tweak layout on content pages

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2019-08-23 17:13:06 -04:00
parent 7681e159d2
commit eaf2e6edf3
1 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header/styles.tsx
+30 -10
View File
@@ -19,21 +19,37 @@ export const HeaderWrapper = styled.header`
} }
` `
export const TitleWrapper = styled.div`
display: flex;
align-items: center;
margin-bottom: 22px;
.is-home & {
flex-direction: column;
align-items: flex-start;
}
`
export const Title = styled.h1` export const Title = styled.h1`
margin: 32px 0; margin: 0;
font-weight: 700; font-weight: 700;
font-size: 110px; font-size: 50px;
text-transform: uppercase; text-transform: uppercase;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
@media screen and (max-width: 991px) { .is-home & {
font-size: 72px; margin: 32px 0;
} font-size: 110px;
@media screen and (max-width: 767px) { @media screen and (max-width: 991px) {
font-size: 40px; font-size: 72px;
}
@media screen and (max-width: 767px) {
font-size: 40px;
}
} }
` `
@@ -112,11 +128,15 @@ export const InnerWrapper = styled.div`
` `
export const Logo = styled(TPHLogo)` export const Logo = styled(TPHLogo)`
width: 122px; width: 70px;
height: 122px; margin: 0 15px 0 0;
margin-bottom: 10px;
position: relative; position: relative;
z-index: 3; z-index: 3;
.is-home & {
width: 122px;
margin-bottom: 0 0 10px 0;
}
` `
export const Menu = styled.nav` export const Menu = styled.nav`