tabshift/payload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tweaks to input styles

Browse Source
This commit is contained in:
James
2020-06-19 13:59:33 -04:00
parent 0552249917
commit 30e7fde537
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/components/forms/Label/index.scss
View File

@@ -2,7 +2,7 @@
label.field-label {
display: flex;
margin-bottom: base(.25);
padding-bottom: base(.25);
color: $color-gray;
.required {

7
src/client/components/forms/field-types/shared.scss
View File

@@ -26,9 +26,14 @@
font-size: 1rem;
}
&:hover {
border-color: darken($color-light-gray, 10%);
}
&:focus,
&:active {
outline: 0;
border-color: $color-gray;
outline: 0;
}
&:disabled {

4
src/client/scss/vars.scss
View File

@@ -70,14 +70,14 @@ $style-stroke-width-m : 2px;
}
@mixin inputShadowActive {
box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.13), 0 6px 4px -4px rgba(0, 2, 4, 0.1);
box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.16), 0 6px 4px -4px rgba(0, 2, 4, 0.13);
}
@mixin inputShadow {
@include shadow-sm;
&:hover {
box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.1), 0 6px 4px -4px rgba(0, 2, 4, 0.07);
box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.13), 0 6px 4px -4px rgba(0, 2, 4, 0.1);
}
&:active, &:focus {