gin-focus.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-focus.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
.page-wrapper *:focus,
.ui-dialog *:focus,
.dropbutton .dropbutton__item > *:focus,
.dropbutton .dropbutton__item > *:focus:hover,
.dropbutton__items > .dropbutton__item:first-of-type > *:focus,
.dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus,
.dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus:hover,
.form-boolean:focus:active,
.form-boolean:focus:hover,
.cke.cke_chrome.cke_focus,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,
.form-element:focus,
.form-element:hover:focus,
.form-element.error:hover:focus,
.form-actions .action-link:focus,
.paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,
.layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,
.layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus,
.ck .ck.ck-button:active,
.ck .ck.ck-button:focus,
.ck .ck.ck-button:active:focus,
.toolbar-box .toolbar-handle:focus,
.field-option:has(.field-option-radio:checked),
.field-option:focus-within,
.subfield-option:has(.field-option-radio:checked),
.subfield-option:focus-within,
#edit-submit.form-submit:focus,
.toolbar-dropdown__menu .toolbar-dropdown__link:focus {
  outline: none;
  box-shadow:
    0 0 0 1px var(--gin-color-focus-border),
    0 0 0 4px var(--gin-color-focus);
}
.admin-item__link:focus {
  border-radius: calc(var(--gin-border-xs) / 2);
}
.gin-details:focus,
.gin-details:focus:hover,
.gin-details__summary:focus,
.gin-details__summary:focus:hover {
  box-shadow: none;
}
.gin-details__summary {
  &::after {
    box-shadow:
      inset 0 0 0 1px var(--gin-color-focus-border),
      inset 0 0 0 4px var(--gin-color-focus);
  }
}
.tabs__link:focus {
  border: 1px solid transparent;
  box-shadow:
    inset 0 0 0 1px var(--gin-color-focus-border),
    inset 0 0 0 4px var(--gin-color-focus);
}
.vertical-tabs__menu-link:focus::after,
.tabs__trigger:focus {
  border: var(--gin-border-xs) solid var(--gin-color-focus);
  box-shadow: none;
}
@media (min-width: 48em) {
  .is-horizontal .tabs__link:focus,
  .is-horizontal .tabs--primary .tabs__link:focus {
    box-shadow:
      0 0 0 1px var(--gin-color-focus-border),
      0 0 0 4px var(--gin-color-focus);
  }
}
.vertical-tabs__menu-link:focus,
.vertical-tabs__menu-item:focus {
  outline: 0;
  box-shadow: none;
}

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-focus.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. .page-wrapper *:focus,

  8. .ui-dialog *:focus,

  9. .dropbutton .dropbutton__item > *:focus,

  10. .dropbutton .dropbutton__item > *:focus:hover,

  11. .dropbutton__items > .dropbutton__item:first-of-type > *:focus,

  12. .dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus,

  13. .dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus:hover,

  14. .form-boolean:focus:active,

  15. .form-boolean:focus:hover,

  16. .cke.cke_chrome.cke_focus,

  17. .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,

  18. .form-element:focus,

  19. .form-element:hover:focus,

  20. .form-element.error:hover:focus,

  21. .form-actions .action-link:focus,

  22. .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,

  23. .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,

  24. .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus,

  25. .ck .ck.ck-button:active,

  26. .ck .ck.ck-button:focus,

  27. .ck .ck.ck-button:active:focus,

  28. .toolbar-box .toolbar-handle:focus,

  29. .field-option:has(.field-option-radio:checked),

  30. .field-option:focus-within,

  31. .subfield-option:has(.field-option-radio:checked),

  32. .subfield-option:focus-within,

  33. #edit-submit.form-submit:focus,

  34. .toolbar-dropdown__menu .toolbar-dropdown__link:focus {

  35.   outline: none;

  36.   box-shadow:

  37.     0 0 0 1px var(--gin-color-focus-border),

  38.     0 0 0 4px var(--gin-color-focus);

  39. }

  40. .admin-item__link:focus {

  41.   border-radius: calc(var(--gin-border-xs) / 2);

  42. }

  43. .gin-details:focus,

  44. .gin-details:focus:hover,

  45. .gin-details__summary:focus,

  46. .gin-details__summary:focus:hover {

  47.   box-shadow: none;

  48. }

  49. .gin-details__summary {

  50.   &::after {

  51.     box-shadow:

  52.       inset 0 0 0 1px var(--gin-color-focus-border),

  53.       inset 0 0 0 4px var(--gin-color-focus);

  54.   }

  55. }

  56. .tabs__link:focus {

  57.   border: 1px solid transparent;

  58.   box-shadow:

  59.     inset 0 0 0 1px var(--gin-color-focus-border),

  60.     inset 0 0 0 4px var(--gin-color-focus);

  61. }

  62. .vertical-tabs__menu-link:focus::after,

  63. .tabs__trigger:focus {

  64.   border: var(--gin-border-xs) solid var(--gin-color-focus);

  65.   box-shadow: none;

  66. }

  67. @media (min-width: 48em) {

  68.   .is-horizontal .tabs__link:focus,

  69.   .is-horizontal .tabs--primary .tabs__link:focus {

  70.     box-shadow:

  71.       0 0 0 1px var(--gin-color-focus-border),

  72.       0 0 0 4px var(--gin-color-focus);

  73.   }

  74. }

  75. .vertical-tabs__menu-link:focus,

  76. .vertical-tabs__menu-item:focus {

  77.   outline: 0;

  78.   box-shadow: none;

  79. }

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