| | |
| | | |
| | | visibility: hidden; |
| | | opacity: 0; |
| | | transition: opacity 0.3s ease, visibility 0.3s ease; |
| | | transition: |
| | | opacity 0.3s ease, |
| | | visibility 0.3s ease; |
| | | |
| | | @media all and (max-width: $mobileBreakpoint) { |
| | | display: none !important; |
| | |
| | | width: 100%; |
| | | border-radius: 5px; |
| | | background: var(--light); |
| | | box-shadow: 0 14px 50px rgba(27, 33, 48, 0.12), 0 10px 30px rgba(27, 33, 48, 0.16); |
| | | box-shadow: |
| | | 0 14px 50px rgba(27, 33, 48, 0.12), |
| | | 0 10px 30px rgba(27, 33, 48, 0.16); |
| | | margin-bottom: 2em; |
| | | } |
| | | |
| | |
| | | & > li > a { |
| | | color: var(--dark); |
| | | opacity: 0.35; |
| | | transition: 0.5s ease opacity, 0.3s ease color; |
| | | transition: |
| | | 0.5s ease opacity, |
| | | 0.3s ease color; |
| | | &.in-view { |
| | | opacity: 0.75; |
| | | } |