78 lines
1.3 KiB
SCSS
78 lines
1.3 KiB
SCSS
@import "../../stylesheets/variables/_all";
|
|
|
|
// pollingAnswer position offsets
|
|
$xs-portrait-offset: 8.75em;
|
|
$xs-landscape-offset: 4.75em;
|
|
$s-portrait-offset: 11.75em;
|
|
$s-landscape-offset: 1.75em;
|
|
|
|
.pollingContainer {
|
|
order: 2;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
padding-bottom: 5px;
|
|
|
|
@include mq($medium-up) {
|
|
padding-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
.pollingTitle {
|
|
color: $color-white;
|
|
white-space: nowrap;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.pollingAnswers {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
grid-auto-columns: auto;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1;
|
|
|
|
:global(.browser-safari) & {
|
|
@include mq($ip5-portrait) {
|
|
bottom: $xs-portrait-offset;
|
|
}
|
|
@include mq($ip678-portrait) {
|
|
bottom: $s-portrait-offset;
|
|
}
|
|
@include mq($ip5-landscape) {
|
|
bottom: $xs-landscape-offset;
|
|
}
|
|
@include mq($ip678-landscape) {
|
|
bottom: $s-landscape-offset;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pollButtonWrapper {
|
|
text-align: center;
|
|
margin-left: 5px;
|
|
overflow: hidden;
|
|
|
|
@include mq($medium-up) {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&:first-of-type {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.pollingButton {
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|