webseite-grav/plugins/flex-objects/scss/_preset.scss

70 lines
1.2 KiB
SCSS
Raw Permalink Normal View History

2021-04-30 11:23:26 +02:00
// Flex-Objects
/* Flex Objects Admin Styles */
#directory {
.search-wrapper {
input, select {
color: $form-field-text;
border: 1px solid $form-border;
background-color: $form-field-bg;
@include placeholder {
@if (lightness($form-field-bg) < 50) {
color: darken($form-field-text, 25%);
} @else {
color: lighten($form-field-text, 25%);
}
}
}
}
.edit-action {
color: $button-bg !important;
}
.delete-action {
color: $critical-bg !important;
}
thead {
tr {
background: darken($content-bg,2%);
}
}
tbody {
tr:nth-child(even) {
background: lighten($content-bg,1%);
}
}
i.published {
color: $flat-green-4;
}
i.unpublished {
color: $flat-red-1;
}
.flex-list-pagination {
background: darken($content-bg,1%);
border-top: 1px solid darken($content-bg,5%);
.flex-objects-pagination {
.button {
color: $content-header;
&.active {
color: $button-text;
background: $button-bg;
}
&.disabled {
color: lighten($content-text, 15%);
}
}
}
}
}