Fix Language Picker Styling on Mobile (#276)
* refactor: reduce padding of language picker desktop
* fix: rework proportions of language picker styling on mobile
| | |
|---|
| | | position: relative; |
|---|
| | | text-align: left; |
|---|
| | | background: transparent; |
|---|
| | | padding: 15px 15px; |
|---|
| | | padding-bottom: 0; |
|---|
| | | padding: 12px; |
|---|
| | | z-index: 2; |
|---|
| | | color: #3c3c3c; |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | .sl-nav li .dropdown li:last-of-type { |
|---|
| | | padding-bottom: 15px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .sl-nav li .dropdown li span { |
|---|
| | | font-size: 1.3rem; |
|---|
| | | white-space: nowrap; |
|---|
| | | } |
|---|
| | | .sl-nav li .dropdown li span.active { |
|---|
| | |
|---|
| | | position: relative; |
|---|
| | | text-transform: uppercase; |
|---|
| | | text-align: center; |
|---|
| | | font-size: 1.3em; |
|---|
| | | font-size: 1.6rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | header .nav__list ul { |
|---|
| | |
|---|
| | | |
|---|
| | | .sl-nav li .dropdown li { |
|---|
| | | text-align: center; |
|---|
| | | padding: initial; |
|---|
| | | padding: 0.5rem 0.75rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .sl-nav li .dropdown li span { |
|---|
