Changeset View
Changeset View
Standalone View
Standalone View
landing/header.css
Show First 20 Lines • Show All 110 Lines • ▼ Show 20 Lines | @media screen and (hover: hover) { | ||||
} | } | ||||
div.twitterIcon:hover { | div.twitterIcon:hover { | ||||
background-color: #1d9bf0; | background-color: #1d9bf0; | ||||
transition: 300ms; | transition: 300ms; | ||||
} | } | ||||
} | } | ||||
/* max-width should be kept in sync with HEADER_BREAKPOINT in header.react */ | |||||
@media screen and (max-width: 848px) { | @media screen and (max-width: 848px) { | ||||
.pageNav { | .pageNav { | ||||
display: none; | display: none; | ||||
} | } | ||||
div.twitterIcon, | div.twitterIcon, | ||||
div.githubIcon, | div.githubIcon, | ||||
div.webappIcon { | div.webappIcon { | ||||
Show All 12 Lines | div.menuIcon { | ||||
transition: 300ms; | transition: 300ms; | ||||
} | } | ||||
div.menuIcon svg { | div.menuIcon svg { | ||||
transition: 300ms; | transition: 300ms; | ||||
} | } | ||||
} | } | ||||
/* max-width should be kept in sync with HEADER_BREAKPOINT in header.react */ | |||||
@media screen and (max-width: 848px) and (hover: hover) { | @media screen and (max-width: 848px) and (hover: hover) { | ||||
div.menuIcon:hover { | div.menuIcon:hover { | ||||
cursor: pointer; | cursor: pointer; | ||||
background-color: var(--btn-bg); | background-color: var(--btn-bg); | ||||
transition: 300ms; | transition: 300ms; | ||||
} | } | ||||
} | } |