Changeset View
Changeset View
Standalone View
Standalone View
landing/mobile-nav.css
nav.mobileNav { | nav.mobileNav { | ||||
position: absolute; | position: absolute; | ||||
top: -110vh; | top: -110vh; | ||||
bottom: auto; | bottom: auto; | ||||
left: 0; | left: 0; | ||||
right: 0; | right: 0; | ||||
height: 100vh; | height: 100vh; | ||||
z-index: var(--mobile-nav-z-index); | z-index: var(--mobile-nav-z-index); | ||||
background-color: var(--comparison-cards); | background-color: transparent; | ||||
padding: 8px 16px 0; | padding: 8px 16px 0; | ||||
transition: 500ms; | transition: top 500ms, background-color 0ms 500ms; | ||||
transition-property: top; | |||||
} | } | ||||
nav.activeMobileNav { | nav.activeMobileNav { | ||||
top: 0; | top: 0; | ||||
transition: 500ms; | transition: top 500ms; | ||||
transition-property: top; | background-color: var(--comparison-cards); | ||||
} | } | ||||
div.tabContainer { | div.tabContainer { | ||||
border-bottom: 1px solid var(--black-90); | border-bottom: 1px solid var(--black-90); | ||||
-webkit-tap-highlight-color: transparent; | -webkit-tap-highlight-color: transparent; | ||||
} | } | ||||
.tab { | .tab { | ||||
color: var(--white-60); | color: var(--white-60); | ||||
transition: 150ms; | transition: color 150ms; | ||||
transition-property: color; | |||||
} | } | ||||
.activeTab { | .activeTab { | ||||
color: var(--white-100); | color: var(--white-100); | ||||
} | } | ||||
.tabContent { | .tabContent { | ||||
padding: 16px 0; | padding: 16px 0; | ||||
Show All 15 Lines |