arcHIVE-tech/arc-hive-HTML-template
arcHIVE-tech
/
arc-hive-HTML-template
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fomatting imput fields

This commit is contained in:
jorge 2021-06-23 15:26:00 +02:00
parent 6e873a7299
commit 081b44976c
1 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/assets/scss/_settings.scss
View File

@ -305,20 +305,20 @@ $button-font-family: inherit;
$button-font-weight: null; $button-font-weight: null;
$button-font-variant: all-petite-caps; $button-font-variant: all-petite-caps;
$button-padding: $global-padding $global-padding*3; $button-padding: $global-padding $global-padding*3;
$button-margin: 0; $button-margin: $global-margin/4;
$button-fill: solid; $button-fill: solid;
$button-background: $primary-color; $button-background: $white;//$primary-color;
$button-background-hover: scale-color($button-background, $lightness: -15%); $button-background-hover: scale-color($primary-color, $lightness: 95%);
$button-color: $white; $button-color: $primary-color;//$white;
$button-color-alt: $black; $button-color-alt: $black;
$button-radius: $global-radius-archive; $button-radius: $global-radius-archive;
$button-border: 1px solid transparent; $button-border: 2px solid $button-color;//1px solid transparent;
$button-hollow-border-width: 2px; $button-hollow-border-width: 2px;
$button-sizes: ( $button-sizes: (
tiny: 0.6rem, tiny: 0.7rem,
small: 0.75rem, small: 0.95rem,
default: 1.2rem, default: 1.6rem,
large: 1.5rem, large: 2.4rem,
); );
$button-palette: $foundation-palette; $button-palette: $foundation-palette;
$button-opacity-disabled: 0.25; $button-opacity-disabled: 0.25;
@ -441,7 +441,7 @@ $flexbox-responsive-breakpoints: true;
// 20. Forms // 20. Forms
// --------- // ---------
$fieldset-border: 1px solid $medium-gray; $fieldset-border: none; //1px solid $medium-gray;
$fieldset-padding: rem-calc(20); $fieldset-padding: rem-calc(20);
$fieldset-margin: rem-calc(18 0); $fieldset-margin: rem-calc(18 0);
$legend-padding: rem-calc(0 3); $legend-padding: rem-calc(0 3);
@ -450,32 +450,32 @@ $helptext-color: $black;
$helptext-font-size: rem-calc(13); $helptext-font-size: rem-calc(13);
$helptext-font-style: italic; $helptext-font-style: italic;
$input-prefix-color: $black; $input-prefix-color: $black;
$input-prefix-background: $light-gray; $input-prefix-background: none; //$light-gray;
$input-prefix-border: 1px solid $medium-gray; $input-prefix-border: none; //1px solid $medium-gray;
$input-prefix-padding: 1rem; $input-prefix-padding: 1rem;
$form-label-color: $black; $form-label-color: $black;
$form-label-font-size: rem-calc(14); $form-label-font-size: rem-calc(14);
$form-label-font-weight: $global-weight-normal; $form-label-font-weight: $global-weight-normal;
$form-label-line-height: 1.8; $form-label-line-height: 1.8;
$select-background: $white; $select-background: $white;
$select-triangle-color: $dark-gray; $select-triangle-color: $primary-color;
$select-radius: $global-radius; $select-radius: $global-radius;
$input-color: $black; $input-color: $primary-color;
$input-placeholder-color: $medium-gray; $input-placeholder-color: scale-color($primary-color, $lightness: 60%); //$antracite-grey;
$input-font-family: inherit; $input-font-family: inherit;
$input-font-size: rem-calc(16); $input-font-size: rem-calc(16);
$input-font-weight: $global-weight-normal; $input-font-weight: $global-weight-normal;
$input-line-height: $global-lineheight; $input-line-height: $global-lineheight;
$input-background: $white; $input-background: scale-color($primary-color, $lightness: 95%);
$input-background-focus: $white; $input-background-focus: scale-color($primary-color, $lightness: 85%);
$input-background-disabled: $light-gray; $input-background-disabled: $light-gray;
$input-border: 1px solid $medium-gray; $input-border: none; //1px solid $medium-gray;
$input-border-focus: 1px solid $dark-gray; $input-border-focus: none; // 1px solid $dark-gray;
$input-padding: $form-spacing / 2; $input-padding: $form-spacing / 2;
$input-shadow: inset 0 1px 2px rgba($black, 0.1); $input-shadow: none; //inset 0 1px 2px rgba($black, 0.1);
$input-shadow-focus: 0 0 5px $medium-gray; $input-shadow-focus: none; //0 0 5px $medium-gray;
$input-cursor-disabled: not-allowed; $input-cursor-disabled: not-allowed;
$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; $input-transition: none; //box-shadow 0.5s, border-color 0.25s ease-in-out;
$input-number-spinners: true; $input-number-spinners: true;
$input-radius: $global-radius; $input-radius: $global-radius;
$form-button-radius: $global-radius; $form-button-radius: $global-radius;
@ -906,4 +906,3 @@ $grid-padding-gutters: $grid-margin-gutters;
$grid-container-padding: $grid-padding-gutters; $grid-container-padding: $grid-padding-gutters;
$grid-container-max: $global-width; $grid-container-max: $global-width;
$xy-block-grid-max: 8; $xy-block-grid-max: 8;