54 lines
1.0 KiB
SCSS
54 lines
1.0 KiB
SCSS
.bbcode-editor-text-area {
|
|
textarea {
|
|
min-height: 150px;
|
|
&:focus {
|
|
box-shadow: 0 0 0 ($input-btn-focus-width / 2) $input-btn-focus-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.bbcode-toolbar {
|
|
align-items: flex-start;
|
|
flex-wrap: nowrap;
|
|
@media (max-width: breakpoint-max(xs)) {
|
|
background: $text-background-color;
|
|
padding: 10px;
|
|
position: absolute;
|
|
top: 0;
|
|
border-radius: 3px;
|
|
z-index: 20;
|
|
display: none;
|
|
.btn {
|
|
margin: 3px;
|
|
border-radius: $btn-border-radius !important;
|
|
}
|
|
}
|
|
@media (min-width: breakpoint-min(sm)) {
|
|
.close {
|
|
display: none;
|
|
}
|
|
.btn {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border: $input-border-width solid $input-border-color;
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.bbcode-btn {
|
|
@media (min-width: breakpoint-min(sm)) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.bbcode-editor-controls {
|
|
display: flex;
|
|
align-items: center;
|
|
float: right;
|
|
order: 1;
|
|
justify-content: flex-end;
|
|
@media (max-width: breakpoint-max(xs)) {
|
|
flex: 1 49%;
|
|
}
|
|
} |