mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-04 09:15:58 +02:00
fix(home): ie11 support: resolve overflowing h1, nav link underlines, discord button height
This commit is contained in:
committed by
Jean-Philippe Sirois
parent
440c4c1bb9
commit
c06c7df749
@@ -25,5 +25,6 @@ export const DiscordButtonWrapper = styled.a`
|
|||||||
|
|
||||||
export const StyledDiscordLogo = styled(DiscordLogo)`
|
export const StyledDiscordLogo = styled(DiscordLogo)`
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
margin-right: 13px;
|
margin-right: 13px;
|
||||||
`
|
`
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ export const TitleWrapper = styled.div`
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
.is-home & {
|
.is-home & {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -41,6 +42,7 @@ export const Title = styled.h1`
|
|||||||
.is-home & {
|
.is-home & {
|
||||||
margin: 32px 0;
|
margin: 32px 0;
|
||||||
font-size: 88px;
|
font-size: 88px;
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
@media screen and (max-width: 991px) {
|
@media screen and (max-width: 991px) {
|
||||||
font-size: 58px;
|
font-size: 58px;
|
||||||
@@ -142,6 +144,7 @@ export const MenuItemLine = styled.div`
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
|
left: 0;
|
||||||
`
|
`
|
||||||
|
|
||||||
export const menuItemStyles = css`
|
export const menuItemStyles = css`
|
||||||
|
|||||||
Reference in New Issue
Block a user