gin-color-overrides.pcss.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-color-overrides.pcss.css
/* 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) {
  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

View on git.drupalcode.org

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

View source 
  1. /* Color */

  2. a,

  3. .link,

  4. button.link,

  5. .tabs__link.is-active,

  6. [open] .gin-details__summary--accordion,

  7. [open] .gin-details__summary--accordion-item,

  8. [open] .gin-details__summary--vertical-tabs-item,

  9. .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {

  10.   color: var(--gin-color-primary);

  11.   text-decoration-style: var(--gin-link-decoration-style);

  12. }

  13. 

  14. *|*:any-link:not(svg|a) {

  15.   text-decoration: underline;

  16.   text-decoration-style: var(--gin-link-decoration-style);

  17. }

  18. 

  19. /* Only hover */

  20. .is-horizontal .tabs__link,

  21. .gin-details__summary,

  22. .action-link {

  23.   &:hover {

  24.     color: var(--gin-color-primary-hover);

  25.   }

  26. }

  27. 

  28. /* Only focus */

  29. .gin-details[open] > .gin-details__summary {

  30.   &:focus {

  31.     color: var(--gin-color-primary-active);

  32.   }

  33. }

  34. 

  35. /* Border color */

  36. .form-boolean--type-checkbox:checked,

  37. .form-boolean--type-radio:checked:not(:disabled),

  38. .is-horizontal .tabs__link.is-active::before,

  39. .tabs__tab.is-active::before,

  40. [open] > .gin-details__summary--accordion:not(:focus, :active)::after,

  41. [open] > .gin-details__summary--accordion-item:not(:focus, :active)::after,

  42. .collapse-processed[open] > .gin-details__summary--accordion .details-title:not(:focus)::after,

  43. .collapse-processed[open] > .gin-details__summary--accordion-item .details-title:not(:focus)::after,

  44. [open] > .gin-details__summary--vertical-tabs-item:not(:focus, :active)::after,

  45. .collapse-processed[open] > .gin-details__summary--vertical-tabs-item .details-title:not(:focus)::after,

  46. .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {

  47.   border-color: var(--gin-color-primary);

  48. 

  49.   &:hover {

  50.     border-color: var(--gin-color-primary-hover);

  51.   }

  52. 

  53.   &:active {

  54.     border-color: var(--gin-color-primary-active);

  55.   }

  56. }

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