_preset.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. // Flex-Objects
  2. /* Flex Objects Admin Styles */
  3. #directory {
  4. .search-wrapper {
  5. input, select {
  6. color: $form-field-text;
  7. border: 1px solid $form-border;
  8. background-color: $form-field-bg;
  9. @include placeholder {
  10. @if (lightness($form-field-bg) < 50) {
  11. color: darken($form-field-text, 25%);
  12. } @else {
  13. color: lighten($form-field-text, 25%);
  14. }
  15. }
  16. }
  17. }
  18. .edit-action {
  19. color: $button-bg !important;
  20. }
  21. .delete-action {
  22. color: $critical-bg !important;
  23. }
  24. thead {
  25. tr {
  26. background: darken($content-bg,2%);
  27. }
  28. }
  29. tbody {
  30. tr:nth-child(even) {
  31. background: lighten($content-bg,1%);
  32. }
  33. }
  34. i.published {
  35. color: $flat-green-4;
  36. }
  37. i.unpublished {
  38. color: $flat-red-1;
  39. }
  40. .flex-list-pagination {
  41. background: darken($content-bg,1%);
  42. border-top: 1px solid darken($content-bg,5%);
  43. .flex-objects-pagination {
  44. .button {
  45. color: $content-header;
  46. &.active {
  47. color: $button-text;
  48. background: $button-bg;
  49. }
  50. &.disabled {
  51. color: lighten($content-text, 15%);
  52. }
  53. }
  54. }
  55. }
  56. }