philomena/assets/css/views/_polls.scss
David Joseph Guzsik 8d47f56917
Build assets using Webpack ()
* Build assets using webpack

* Change webpack bundling method, add path aliases, restore deploy script

* Remove babel dependencies

* Add buble rollup plugin and always attach promise polyfill to window

* Fix object formatting for buble rollup plugin config

* Remove reference to setImmediate from promise polyfill
2020-06-28 14:53:19 -04:00

129 lines
1.8 KiB
SCSS

.poll {
margin-bottom: 1em;
}
.poll-area {
border: 1px solid $border_color;
background: $background_color;
color: $foreground_color;
padding: 10px;
}
.poll-area--in-tab {
border: 0;
background: transparent;
padding: 4px;
}
.poll__header {
margin: 0 0 5px;
text-align: center;
}
.poll-vote-form, .poll-results {
display: flex;
flex-flow: column nowrap;
align-items: center;
}
.poll-form__options {
max-width: 100%;
overflow: hidden;
}
.poll-form__options__label {
padding: 5px;
margin: 5px;
border: 1px solid $border_color;
background: $poll_form_label_background;
display: flex;
flex-flow: row nowrap;
align-items: center;
cursor: pointer;
}
.poll-option__label,
.poll-form__options__label span {
white-space: pre-wrap;
word-break: break-word;
}
.poll-form__status, .poll-results__concluded-at {
margin-top: 5px;
text-align: center;
}
.poll-form__actions {
margin-top: 1em;
}
.poll-option-list {
list-style: none;
padding: 0;
margin: 0;
}
.poll-option {
padding: 5px;
}
.poll-option__text {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-end;
}
.poll-option--top__text {
color: $header_color;
}
.poll-option--top,
.poll-option--user-vote {
cursor: help;
}
.poll-option--user-vote {
font-weight: bold;
}
.poll-option__label {
padding-right: 5px;
}
.poll-option__counts {
padding-left: 5px;
display: flex;
flex-flow: row nowrap;
text-align: right;
}
.poll-bar {
flex: 1 0 100%;
height: 4px;
border: 1px solid $border_color;
background: $background_color;
margin-top: 5px;
user-select: none;
}
.poll-bar__image {
display: block;
}
.poll-bar__fill {
fill: $header_color;
}
.poll-bar__fill--top {
fill: $foreground_color;
}
#add-poll {
margin-top:.5em;
}
#delete-poll-form {
text-align: left;
}