primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-14 23:12:03 +03:00
Code Issues Projects Releases Wiki Activity

Add inner shadow to .form-control

Browse Source
This commit is contained in:
simurai 2020-02-28 15:52:34 +09:00
parent 9a1e32adc0
commit 97d8428792
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/forms/form-control.scss
View File

@ -31,6 +31,7 @@ label {
border: $border-width $border-style $border-color; border: $border-width $border-style $border-color;
border-radius: $border-radius; border-radius: $border-radius;
outline: none; outline: none;
box-shadow: $form-control-shadow;
&.focus, &.focus,
&:focus { &:focus {

6
src/support/variables/misc.scss
View File

@ -19,12 +19,12 @@ $box-shadow-highlight: inset 0 1px 0 rgba($white, 0.25) !default;
$focus-shadow: 0 0 0 3px rgba($border-blue, 0.3) !default; $focus-shadow: 0 0 0 3px rgba($border-blue, 0.3) !default;
// Button and form variables // Button and form variables
$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default; // TODO: Deprecate? It's now unused. $form-control-shadow: inset 0 1px 0 rgba($border-color, 0.2) !default;
$border-color-button: $border-color !default;
$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default; // TODO: Deprecate? Replaced by $focus-shadow $btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default; // TODO: Deprecate? Replaced by $focus-shadow
$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default; // TODO: Deprecate? It's now unused. $btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default; // TODO: Deprecate? It's now unused.
$border-color-button: $border-color !default;
// Tooltips // Tooltips
$tooltip-max-width: 250px !default; $tooltip-max-width: 250px !default;
$tooltip-background-color: $black !default; $tooltip-background-color: $black !default;