discourse/plugins/poll/assets/stylesheets/common/poll-ui-builder.scss
Jarek Radosz ea326906e3
DEV: Use css var font sizes (#18518)
For consistency and and the ability to change all font sizes at once in the dev tools
2022-10-12 15:31:59 +02:00

100 lines
1.4 KiB
SCSS

.poll-ui-builder-modal {
.show-advanced {
margin-left: auto;
margin-right: 0;
}
}
.poll-ui-builder {
label {
font-weight: bold;
}
.input-group {
margin-bottom: 15px;
input[type="number"],
input[type="text"],
input[type="time"],
.combo-box,
.multi-select,
.select-kit-header,
.date-picker-wrapper {
width: 100%;
}
.date-picker-wrapper {
margin-right: 5px;
}
}
.poll-checkbox {
label {
width: unset;
}
}
.radio-group {
display: inline-block;
margin-right: 30px;
input {
vertical-align: top;
}
label {
display: inline-block;
}
}
.poll-type {
display: block;
.poll-type-value {
border: none;
color: var(--primary);
display: inline-block;
padding: 6px 12px 3px;
&.active {
background-color: var(--quaternary);
color: var(--secondary);
}
}
}
.poll-options {
margin-bottom: 15px;
.poll-option-value {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 3px;
button {
margin-left: 3px;
}
}
.poll-option-controls {
margin-top: 10px;
}
.tip {
display: inline-block;
vertical-align: bottom;
}
}
.tip {
display: block;
font-size: var(--font-down-1);
margin: -0.5em 0 0.5em;
}
.d-editor-preview {
width: 100%;
}
}