bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/poll/styles.scss

@import "/imports/ui/stylesheets/variables/_all";
@import "/imports/ui/stylesheets/mixins/focus";

$column-amount: 2;

.customBtn,
.btn {
    width: 100%;
}

.btn {
    margin-top: $sm-padding-y;
    margin-bottom: $sm-padding-y;
}

.customInputWrapper {
    width: 100%;

    > input {
        width: 100%;
        margin-top: $sm-padding-y;
        margin-bottom: $sm-padding-y;
    }

    > input:first-child {
        margin-top: $md-padding-y;
    }

    > Button {
        width: 100%;
        margin-top: $sm-padding-y;
        margin-bottom: $sm-padding-y;
    }
}

.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: $md-padding-y;

    > a {
        text-decoration: none;
    }
}

.instructions {
    margin-top: $lg-padding-x;
    margin-bottom: $lg-padding-x;

    color: $color-text;
}

.grid {
    display: grid;
    grid-template-columns: repeat($column-amount, 1fr);

    > pollBtn:nth-child(odd) {
        grid-column: 1;
    }

    > pollBtn:nth-child(even) {
        grid-column: 2;
    }
}

.pollBtn:nth-child(even) {
    margin-left: $sm-padding-y;
}

.pollBtn:nth-child(odd) {
    margin-right: $sm-padding-y;
}

.pollBtn {
    margin-top: $sm-padding-y;
    margin-bottom: $sm-padding-y;
}

.input {
    @include inputFocus($color-blue-light);

    outline: 0;
    margin: 0;
    color: $color-text;
    background: $color-white;
    font-size: $font-size-base;
    border: 1px solid $color-gray-lighter;
    border-radius: $border-radius;
    box-shadow: 0 0 0 $border-size $color-gray-lighter;
    padding: $sm-padding-y * 1 $sm-padding-x * 0.25;
}