mirror_php/formwork
1
0
Fork 0
mirror of https://github.com/getformwork/formwork.git synced 2025-02-22 16:56:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update button and focusring styles

Browse Source
This commit is contained in:
Giuseppe Criscione 2021-07-19 13:39:50 +02:00
parent 2af8d45209
commit 9e81773d23
4 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
admin/assets/css/admin-dark.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
admin/assets/css/admin.min.css vendored
View File

File diff suppressed because one or more lines are too long

15
admin/assets/scss/components/_buttons.scss
View File

@ -2,15 +2,14 @@ button,
.button {
display: inline-block;
overflow: visible;
margin: 0;
margin-right: $button-margin-h;
margin-bottom: $button-margin-bottom;
padding: $button-padding-v $button-padding-h;
min-width: $button-min-width;
outline: none;
border: $button-border-width solid $color-base-700;
border: $button-border-width solid $color-base-600;
border-radius: $button-border-radius;
background-color: $color-base-700;
background-color: $color-base-600;
color: $color-base-100;
vertical-align: middle;
white-space: nowrap;
@ -23,8 +22,8 @@ button,
@include user-select-none;
&:hover,
&:focus {
border-color: $color-base-600;
background-color: $color-base-600;
border-color: $color-base-500;
background-color: $color-base-500;
color: $color-base-100;
}
&:focus {
@ -81,7 +80,7 @@ a.button {
color: $color-white;
}
&:focus {
@include focusring($color-success-400);
@include focusring($color-success-500);
}
}
@ -96,7 +95,7 @@ a.button {
color: $color-white;
}
&:focus {
@include focusring($color-warning-400);
@include focusring($color-warning-500);
}
}
@ -111,7 +110,7 @@ a.button {
color: $color-white;
}
&:focus {
@include focusring($color-error-400);
@include focusring($color-error-500);
}
}

2
admin/assets/scss/components/_variables.scss
View File

@ -77,7 +77,7 @@ $mark-background-color: $color-yellow-500;
$selection-background-color: rgba($color-accent-500, 0.25);
$focusring-width: 2px;
$focusring-opacity: 0.25;
$focusring-opacity: 0.375;
$focusring-default-color: color.adjust($color-accent-500, $saturation: 21%);
$link-outline-color: rgba($focusring-default-color, $focusring-opacity);