|
|
|
@ -514,7 +514,7 @@ body > [data-popper-placement] { |
|
|
|
|
outline: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) { |
|
|
|
|
@media screen and (width <= 600px) { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -535,7 +535,7 @@ body > [data-popper-placement] { |
|
|
|
|
all: unset; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) { |
|
|
|
|
@media screen and (width <= 600px) { |
|
|
|
|
height: 100px !important; // Prevent auto-resize textarea |
|
|
|
|
resize: vertical; |
|
|
|
|
} |
|
|
|
@ -2414,7 +2414,7 @@ $ui-header-height: 55px; |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 320px) { |
|
|
|
|
@media screen and (width >= 320px) { |
|
|
|
|
.logo--wordmark { |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
@ -2526,7 +2526,7 @@ $ui-header-height: 55px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 631px) { |
|
|
|
|
@media screen and (width >= 631px) { |
|
|
|
|
.columns-area { |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
@ -2586,7 +2586,7 @@ $ui-header-height: 55px; |
|
|
|
|
&:hover, |
|
|
|
|
&:focus, |
|
|
|
|
&:active { |
|
|
|
|
@media screen and (min-width: 631px) { |
|
|
|
|
@media screen and (width >= 631px) { |
|
|
|
|
background: lighten($ui-base-color, 14%); |
|
|
|
|
border-bottom-color: lighten($ui-base-color, 14%); |
|
|
|
|
} |
|
|
|
@ -2603,7 +2603,7 @@ $ui-header-height: 55px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) { |
|
|
|
|
@media screen and (width >= 600px) { |
|
|
|
|
.tabs-bar__link { |
|
|
|
|
span { |
|
|
|
|
display: inline; |
|
|
|
@ -2826,7 +2826,7 @@ $ui-header-height: 55px; |
|
|
|
|
color: $darker-text-color; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) { |
|
|
|
|
@media screen and (width >= 600px) { |
|
|
|
|
padding: 40px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -2936,7 +2936,7 @@ $ui-header-height: 55px; |
|
|
|
|
height: 36px; |
|
|
|
|
color: $dark-text-color; |
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) { |
|
|
|
|
@media screen and (width >= 600px) { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -2988,7 +2988,7 @@ $ui-header-height: 55px; |
|
|
|
|
position: sticky; |
|
|
|
|
background: $ui-base-color; |
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600) { |
|
|
|
|
@media screen and (width >= 600) { |
|
|
|
|
padding: 0 40px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -3256,7 +3256,7 @@ $ui-header-height: 55px; |
|
|
|
|
user-select: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (min-height: 640px) { |
|
|
|
|
@media screen and (height >= 640px) { |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -3605,19 +3605,19 @@ $ui-header-height: 55px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 810px) { |
|
|
|
|
@media screen and (height <= 810px) { |
|
|
|
|
.trends__item:nth-of-type(3) { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 720px) { |
|
|
|
|
@media screen and (height <= 720px) { |
|
|
|
|
.trends__item:nth-of-type(2) { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 670px) { |
|
|
|
|
@media screen and (height <= 670px) { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -3701,7 +3701,7 @@ $ui-header-height: 55px; |
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) { |
|
|
|
|
@media screen and (width <= 600px) { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -4497,7 +4497,7 @@ a.status-card.compact:hover { |
|
|
|
|
background: lighten($ui-base-color, 4%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) { |
|
|
|
|
@media screen and (width <= 600px) { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -5832,7 +5832,7 @@ a.status-card.compact:hover { |
|
|
|
|
font-weight: 700; |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 800px) { |
|
|
|
|
@media screen and (height <= 800px) { |
|
|
|
|
font-size: 22px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -6019,7 +6019,7 @@ a.status-card.compact:hover { |
|
|
|
|
display: flex; |
|
|
|
|
border-top: 1px solid $ui-secondary-color; |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
|
@media screen and (width <= 480px) { |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
} |
|
|
|
@ -6030,7 +6030,7 @@ a.status-card.compact:hover { |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
width: 50%; |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
|
@media screen and (width <= 480px) { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -6052,13 +6052,13 @@ a.status-card.compact:hover { |
|
|
|
|
color: $inverted-text-color; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
|
@media screen and (width <= 480px) { |
|
|
|
|
max-height: 10vh; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.focal-point-modal__content { |
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
|
@media screen and (width <= 480px) { |
|
|
|
|
max-height: 40vh; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -6109,7 +6109,7 @@ a.status-card.compact:hover { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
|
@media screen and (width <= 480px) { |
|
|
|
|
padding: 10px; |
|
|
|
|
max-width: 100%; |
|
|
|
|
order: 2; |
|
|
|
@ -7138,7 +7138,7 @@ noscript { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 630px) and (max-height: 400px) { |
|
|
|
|
@media screen and (width <= 630px) and (height <= 400px) { |
|
|
|
|
$duration: 400ms; |
|
|
|
|
$delay: 100ms; |
|
|
|
|
|
|
|
|
@ -7268,7 +7268,7 @@ noscript { |
|
|
|
|
background: lighten($ui-base-color, 4%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) { |
|
|
|
|
@media screen and (width <= 600px) { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -7359,7 +7359,7 @@ noscript { |
|
|
|
|
width: 380px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 420px) { |
|
|
|
|
@media screen and (width <= 420px) { |
|
|
|
|
width: 90%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -7414,7 +7414,7 @@ noscript { |
|
|
|
|
width: 380px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 420px) { |
|
|
|
|
@media screen and (width <= 420px) { |
|
|
|
|
width: 90%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -7513,7 +7513,7 @@ noscript { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
|
@media screen and (width <= 480px) { |
|
|
|
|
img, |
|
|
|
|
video { |
|
|
|
|
max-height: 100%; |
|
|
|
@ -9070,7 +9070,7 @@ noscript { |
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) { |
|
|
|
|
@media screen and (width <= 600px) { |
|
|
|
|
display: block; |
|
|
|
|
|
|
|
|
|
h4 { |
|
|
|
|