discourse/plugins/discourse-cronos/assets/stylesheets/discourse-cronos.scss

84 lines
1.3 KiB
SCSS
Raw Normal View History

.discourse-cronos {
display: inline-block;
vertical-align: top;
&.cooked {
color: $primary;
font-weight: bold;
cursor: pointer;
.d-icon-globe {
margin-right: .25em;
color: $primary-medium;
&:hover {
color: $primary-high;
}
}
&:hover .d-icon-globe {
color: $primary-high;
}
}
+ .discourse-cronos {
margin-left: .5em;
}
}
.discourse-cronos-create-modal-footer {
display: flex;
align-items: center;
justify-content: space-between;
.validation-error {
color: $danger;
}
&:before, &:after {
content: none;
}
}
.discourse-cronos-create-modal {
min-height: 300px;
display: flex;
flex-direction: row;
.form {
flex: 1;
.controls {
&.date-time {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 1em;
.date {
margin: 0 0.5em 0 0;
}
.date-picker {
padding-top: 5px;
bottom: 5px;
margin: 0;
}
.time {
margin: 0 0.5em 0 0;
max-width: 100px;
}
}
}
.advanced-mode-btn {
margin-top: 2em;
margin-bottom: 1em;
}
}
.select-kit.multi-select {
width: 90%;
}
}