gin-color-overrides.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-color-overrides.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* Color */
a,
.link,
button.link,
.tabs__link.is-active,
[open] .gin-details__summary--accordion,
[open] .gin-details__summary--accordion-item,
[open] .gin-details__summary--vertical-tabs-item,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  color: var(--gin-color-primary);
  text-decoration-style: var(--gin-link-decoration-style);
}
*|*:any-link:not(svg|a) {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-style: var(--gin-link-decoration-style);
}
/* Only hover */
.is-horizontal .tabs__link,
.gin-details__summary,
.action-link {
  &:hover {
    color: var(--gin-color-primary-hover);
  }
}
/* Only focus */
.gin-details[open] > .gin-details__summary {
  &:focus {
    color: var(--gin-color-primary-active);
  }
}
/* Border color */
.form-boolean--type-checkbox:checked,
.form-boolean--type-radio:checked:not(:disabled),
.is-horizontal .tabs__link.is-active::before,
.tabs__tab.is-active::before,
[open] > .gin-details__summary--accordion:not(:focus, :active)::after,
[open] > .gin-details__summary--accordion-item:not(:focus, :active)::after,
.collapse-processed[open] > .gin-details__summary--accordion .details-title:not(:focus)::after,
.collapse-processed[open] > .gin-details__summary--accordion-item .details-title:not(:focus)::after,
[open] > .gin-details__summary--vertical-tabs-item:not(:focus, :active)::after,
.collapse-processed[open] > .gin-details__summary--vertical-tabs-item .details-title:not(:focus)::after,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
  border-color: var(--gin-color-primary);

  &:hover {
    border-color: var(--gin-color-primary-hover);
  }

  &:active {
    border-color: var(--gin-color-primary-active);
  }
}

File

core/themes/default_admin/migration/css/base/gin-color-overrides.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /* Color */
  8. a,
  9. .link,
  10. button.link,
  11. .tabs__link.is-active,
  12. [open] .gin-details__summary--accordion,
  13. [open] .gin-details__summary--accordion-item,
  14. [open] .gin-details__summary--vertical-tabs-item,
  15. .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  16. color: var(--gin-color-primary);
  17. text-decoration-style: var(--gin-link-decoration-style);
  18. }
  19. *|*:any-link:not(svg|a) {
  20. -webkit-text-decoration: underline;
  21. text-decoration: underline;
  22. text-decoration-style: var(--gin-link-decoration-style);
  23. }
  24. /* Only hover */
  25. .is-horizontal .tabs__link,
  26. .gin-details__summary,
  27. .action-link {
  28. &:hover {
  29. color: var(--gin-color-primary-hover);
  30. }
  31. }
  32. /* Only focus */
  33. .gin-details[open] > .gin-details__summary {
  34. &:focus {
  35. color: var(--gin-color-primary-active);
  36. }
  37. }
  38. /* Border color */
  39. .form-boolean--type-checkbox:checked,
  40. .form-boolean--type-radio:checked:not(:disabled),
  41. .is-horizontal .tabs__link.is-active::before,
  42. .tabs__tab.is-active::before,
  43. [open] > .gin-details__summary--accordion:not(:focus, :active)::after,
  44. [open] > .gin-details__summary--accordion-item:not(:focus, :active)::after,
  45. .collapse-processed[open] > .gin-details__summary--accordion .details-title:not(:focus)::after,
  46. .collapse-processed[open] > .gin-details__summary--accordion-item .details-title:not(:focus)::after,
  47. [open] > .gin-details__summary--vertical-tabs-item:not(:focus, :active)::after,
  48. .collapse-processed[open] > .gin-details__summary--vertical-tabs-item .details-title:not(:focus)::after,
  49. .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
  50. border-color: var(--gin-color-primary);
  51. &:hover {
  52. border-color: var(--gin-color-primary-hover);
  53. }
  54. &:active {
  55. border-color: var(--gin-color-primary-active);
  56. }
  57. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.