scss: display a minimalistic focus ring by default (#69762)

This commit is contained in:
Frédéric Péters 2022-09-30 16:15:09 +02:00
parent 2c0de82f61
commit 3f9d89c484
10 changed files with 10 additions and 1 deletions

View File

@ -78,6 +78,7 @@ $cell-entry-font-weight: normal;
$cell-entry-hover-background: transparent;
$cell-entry-border: none;
$widget-focus-outline: none;
$widget-focus-box-shadow: 0 0 5px 2px $gray-light;
// Footer

View File

@ -17,6 +17,7 @@ $button-background: $green;
$button-color: white;
$widget-border: 1px solid #ced4da;
$widget-focus-background: #f0f0f0;
$widget-focus-outline: none;
$widget-focus-box-shadow: inset 2px 2px 5px 0 #c9c9c9;
$widget-unique-checkbox-position: left;
$title-background: $primary-color;

View File

@ -25,6 +25,7 @@ $border-radius: 0px;
$button-background: $yellow;
$widget-border: 1px solid #ced4da;
$widget-border-radius: .25rem;
$widget-focus-outline: none;
$widget-focus-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
$title-background: transparent;

View File

@ -57,6 +57,7 @@ $buttons-alignment: space-between;
$widget-focus-border: 1px solid $blue;
$widget-background: $gray;
$widget-border: 1px solid hsl(0, 0%, 90%);
$widget-focus-outline: none;
$widget-focus-box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.15);
$widget-focus-color: black;
$form-sidebar-position: right;

View File

@ -26,6 +26,7 @@ $button-hover-background: $red;
$button-hover-color: white;
$widget-border: 1px solid #ced4da;
$widget-border-radius: .25rem;
$widget-focus-outline: none;
$widget-focus-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
$title-background: transparent;
$title-font-family: Yantramanav, arial, sans-serif;

View File

@ -16,7 +16,7 @@ $widget-border-radius: 0 !default;
$widget-focus-background: $widget-background !default;
$widget-focus-border: $widget-border !default;
$widget-focus-color: $widget-color !default;
$widget-focus-outline: none !default;
$widget-focus-outline: 1px dotted #333 !default;
$widget-focus-outline-offset: 0 !default;
$widget-box-shadow: null !default;
$widget-padding: 0.625rem 1rem !default;

View File

@ -41,6 +41,7 @@ $mobile-width: 100%;
$widget-border: 1px solid #ccc;
$widget-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
$widget-focus-outline: none;
$widget-focus-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204, .8);
$button-background: $blue;
$nav-button-color: white;

View File

@ -30,4 +30,5 @@ $category-link-color: $link-color;
$category-toggled-link-hover-color: $primary-color;
$dashboard-badge-color: lighten($primary-color, 10%);
$widget-focus-border: 1px solid #66afe9;
$widget-focus-outline: none;
$widget-focus-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

View File

@ -94,6 +94,7 @@ $widget-border: 1px solid $gray-light;
$widget-border-radius: $border-radius;
$widget-focus-border: 1px solid $orange;
$widget-padding: 0.625rem 1rem !default;
$widget-focus-outline: none;
$widget-focus-box-shadow: none !default;
$notification_error_color: $red;

View File

@ -67,6 +67,7 @@ $widget-color: #000;
$widget-border-radius: 10em;
$widget-border: 0;
$widget-box-shadow: #ccc 1px 1px 10px;
$widget-focus-outline: none;
$widget-focus-box-shadow: #999 1px 1px 12px;
$widget-custom-radio-checkbox: true;
$widget-unique-checkbox-position: left;