mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-26 11:16:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update default theme

Browse source
This commit is contained in:
Lucas 2020-09-29 10:53:42 +07:00
parent bcb4c546b9
commit a5f837a08b
12 changed files with 95 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

30
css/pico.classless.css
View file

@ -71,29 +71,29 @@
--h5: #73828c; --h5: #73828c;
--h6: #8a99a3; --h6: #8a99a3;
--primary: #1095c1; --primary: #1095c1;
--primary-border: #1095c1; --primary-border: var(--primary);
--primary-hover: #08769b; --primary-hover: #08769b;
--primary-hover-border: #08769b; --primary-hover-border: var(--primary-hover-border);
--primary-focus: rgba(16, 149, 193, 0.125); --primary-focus: rgba(16, 149, 193, 0.125);
--primary-inverse: #FFF; --primary-inverse: #FFF;
--secondary: #73828c; --secondary: #73828c;
--secondary-border: #73828c; --secondary-border: var(--secondary);
--secondary-hover: #415462; --secondary-hover: #415462;
--secondary-hover-border: #415462; --secondary-hover-border: var(--secondary-hover);
--secondary-focus: rgba(115, 130, 140, 0.125); --secondary-focus: rgba(115, 130, 140, 0.125);
--secondary-inverse: #FFF; --secondary-inverse: #FFF;
--contrast: #2c3d49; --contrast: #2c3d49;
--contrast-border: #2c3d49; --contrast-border: var(--contrast);
--contrast-hover: #0d1419; --contrast-hover: #0d1419;
--contrast-hover-border: #0d1419; --contrast-hover-border: var(--contrast-hover);
--contrast-focus: rgba(115, 130, 140, 0.125); --contrast-focus: rgba(115, 130, 140, 0.125);
--contrast-inverse: #FFF; --contrast-inverse: #FFF;
--input-background: #FFF; --input-background: #FFF;
--input-border: #c8d1d8; --input-border: #c8d1d8;
--input-hover-background: #FFF; --input-hover-background: #FFF;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.125); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #288a6a; --valid: #288a6a;
@ -148,9 +148,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;
@ -205,9 +205,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

30
css/pico.css
View file

@ -71,29 +71,29 @@
--h5: #73828c; --h5: #73828c;
--h6: #8a99a3; --h6: #8a99a3;
--primary: #1095c1; --primary: #1095c1;
--primary-border: #1095c1; --primary-border: var(--primary);
--primary-hover: #08769b; --primary-hover: #08769b;
--primary-hover-border: #08769b; --primary-hover-border: var(--primary-hover-border);
--primary-focus: rgba(16, 149, 193, 0.125); --primary-focus: rgba(16, 149, 193, 0.125);
--primary-inverse: #FFF; --primary-inverse: #FFF;
--secondary: #73828c; --secondary: #73828c;
--secondary-border: #73828c; --secondary-border: var(--secondary);
--secondary-hover: #415462; --secondary-hover: #415462;
--secondary-hover-border: #415462; --secondary-hover-border: var(--secondary-hover);
--secondary-focus: rgba(115, 130, 140, 0.125); --secondary-focus: rgba(115, 130, 140, 0.125);
--secondary-inverse: #FFF; --secondary-inverse: #FFF;
--contrast: #2c3d49; --contrast: #2c3d49;
--contrast-border: #2c3d49; --contrast-border: var(--contrast);
--contrast-hover: #0d1419; --contrast-hover: #0d1419;
--contrast-hover-border: #0d1419; --contrast-hover-border: var(--contrast-hover);
--contrast-focus: rgba(115, 130, 140, 0.125); --contrast-focus: rgba(115, 130, 140, 0.125);
--contrast-inverse: #FFF; --contrast-inverse: #FFF;
--input-background: #FFF; --input-background: #FFF;
--input-border: #c8d1d8; --input-border: #c8d1d8;
--input-hover-background: #FFF; --input-hover-background: #FFF;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.125); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #288a6a; --valid: #288a6a;
@ -148,9 +148,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;
@ -205,9 +205,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;

30
css/pico.fluid.classless.css
View file

@ -71,29 +71,29 @@
--h5: #73828c; --h5: #73828c;
--h6: #8a99a3; --h6: #8a99a3;
--primary: #1095c1; --primary: #1095c1;
--primary-border: #1095c1; --primary-border: var(--primary);
--primary-hover: #08769b; --primary-hover: #08769b;
--primary-hover-border: #08769b; --primary-hover-border: var(--primary-hover-border);
--primary-focus: rgba(16, 149, 193, 0.125); --primary-focus: rgba(16, 149, 193, 0.125);
--primary-inverse: #FFF; --primary-inverse: #FFF;
--secondary: #73828c; --secondary: #73828c;
--secondary-border: #73828c; --secondary-border: var(--secondary);
--secondary-hover: #415462; --secondary-hover: #415462;
--secondary-hover-border: #415462; --secondary-hover-border: var(--secondary-hover);
--secondary-focus: rgba(115, 130, 140, 0.125); --secondary-focus: rgba(115, 130, 140, 0.125);
--secondary-inverse: #FFF; --secondary-inverse: #FFF;
--contrast: #2c3d49; --contrast: #2c3d49;
--contrast-border: #2c3d49; --contrast-border: var(--contrast);
--contrast-hover: #0d1419; --contrast-hover: #0d1419;
--contrast-hover-border: #0d1419; --contrast-hover-border: var(--contrast-hover);
--contrast-focus: rgba(115, 130, 140, 0.125); --contrast-focus: rgba(115, 130, 140, 0.125);
--contrast-inverse: #FFF; --contrast-inverse: #FFF;
--input-background: #FFF; --input-background: #FFF;
--input-border: #c8d1d8; --input-border: #c8d1d8;
--input-hover-background: #FFF; --input-hover-background: #FFF;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.125); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #288a6a; --valid: #288a6a;
@ -148,9 +148,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;
@ -205,9 +205,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

30
css/pico.slim.css
View file

@ -74,29 +74,29 @@
--h5: #73828c; --h5: #73828c;
--h6: #8a99a3; --h6: #8a99a3;
--primary: #1095c1; --primary: #1095c1;
--primary-border: #1095c1; --primary-border: var(--primary);
--primary-hover: #08769b; --primary-hover: #08769b;
--primary-hover-border: #08769b; --primary-hover-border: var(--primary-hover-border);
--primary-focus: rgba(16, 149, 193, 0.125); --primary-focus: rgba(16, 149, 193, 0.125);
--primary-inverse: #FFF; --primary-inverse: #FFF;
--secondary: #73828c; --secondary: #73828c;
--secondary-border: #73828c; --secondary-border: var(--secondary);
--secondary-hover: #415462; --secondary-hover: #415462;
--secondary-hover-border: #415462; --secondary-hover-border: var(--secondary-hover);
--secondary-focus: rgba(115, 130, 140, 0.125); --secondary-focus: rgba(115, 130, 140, 0.125);
--secondary-inverse: #FFF; --secondary-inverse: #FFF;
--contrast: #2c3d49; --contrast: #2c3d49;
--contrast-border: #2c3d49; --contrast-border: var(--contrast);
--contrast-hover: #0d1419; --contrast-hover: #0d1419;
--contrast-hover-border: #0d1419; --contrast-hover-border: var(--contrast-hover);
--contrast-focus: rgba(115, 130, 140, 0.125); --contrast-focus: rgba(115, 130, 140, 0.125);
--contrast-inverse: #FFF; --contrast-inverse: #FFF;
--input-background: #FFF; --input-background: #FFF;
--input-border: #c8d1d8; --input-border: #c8d1d8;
--input-hover-background: #FFF; --input-hover-background: #FFF;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.125); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #288a6a; --valid: #288a6a;
@ -151,9 +151,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;
@ -208,9 +208,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;

2
css/pico.slim.min.css vendored
View file

File diff suppressed because one or more lines are too long

30
css/themes/default.css
View file

@ -67,29 +67,29 @@
--h5: #73828c; --h5: #73828c;
--h6: #8a99a3; --h6: #8a99a3;
--primary: #1095c1; --primary: #1095c1;
--primary-border: #1095c1; --primary-border: var(--primary);
--primary-hover: #08769b; --primary-hover: #08769b;
--primary-hover-border: #08769b; --primary-hover-border: var(--primary-hover-border);
--primary-focus: rgba(16, 149, 193, 0.125); --primary-focus: rgba(16, 149, 193, 0.125);
--primary-inverse: #FFF; --primary-inverse: #FFF;
--secondary: #73828c; --secondary: #73828c;
--secondary-border: #73828c; --secondary-border: var(--secondary);
--secondary-hover: #415462; --secondary-hover: #415462;
--secondary-hover-border: #415462; --secondary-hover-border: var(--secondary-hover);
--secondary-focus: rgba(115, 130, 140, 0.125); --secondary-focus: rgba(115, 130, 140, 0.125);
--secondary-inverse: #FFF; --secondary-inverse: #FFF;
--contrast: #2c3d49; --contrast: #2c3d49;
--contrast-border: #2c3d49; --contrast-border: var(--contrast);
--contrast-hover: #0d1419; --contrast-hover: #0d1419;
--contrast-hover-border: #0d1419; --contrast-hover-border: var(--contrast-hover);
--contrast-focus: rgba(115, 130, 140, 0.125); --contrast-focus: rgba(115, 130, 140, 0.125);
--contrast-inverse: #FFF; --contrast-inverse: #FFF;
--input-background: #FFF; --input-background: #FFF;
--input-border: #c8d1d8; --input-border: #c8d1d8;
--input-hover-background: #FFF; --input-hover-background: #FFF;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.125); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #288a6a; --valid: #288a6a;
@ -144,9 +144,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;
@ -201,9 +201,9 @@
--input-background: #10181e; --input-background: #10181e;
--input-border: #374956; --input-border: #374956;
--input-hover-background: #10181e; --input-hover-background: #10181e;
--input-hover-border: #1095c1; --input-hover-border: var(--primary-hover-border);
--input-focus: rgba(16, 149, 193, 0.25); --input-focus: var(--primary-focus);
--input-inverse: #FFF; --input-inverse: var(--primary-inverse);
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
--valid: #1f7a5c; --valid: #1f7a5c;

2
css/themes/default.min.css vendored
View file

File diff suppressed because one or more lines are too long

12
scss/themes/default/_dark.scss
View file

@ -44,9 +44,9 @@
--input-background: #{darken($grey-900, 6%)}; --input-background: #{darken($grey-900, 6%)};
--input-border: #{mix($grey-800, $grey-700)}; --input-border: #{mix($grey-800, $grey-700)};
--input-hover-background: #{darken($grey-900, 6%)}; --input-hover-background: #{darken($grey-900, 6%)};
--input-hover-border: #{$primary-600}; --input-hover-border: var(--primary-hover-border);
--input-focus: #{rgba($primary-600, .25)}; --input-focus: var(--primary-focus);
--input-inverse: #{$white}; --input-inverse: var(--primary-inverse);
// Button // Button
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
@ -127,9 +127,9 @@
--input-background: #{darken($grey-900, 6%)}; --input-background: #{darken($grey-900, 6%)};
--input-border: #{mix($grey-800, $grey-700)}; --input-border: #{mix($grey-800, $grey-700)};
--input-hover-background: #{darken($grey-900, 6%)}; --input-hover-background: #{darken($grey-900, 6%)};
--input-hover-border: #{$primary-600}; --input-hover-border: var(--primary-hover-border);
--input-focus: #{rgba($primary-600, .25)}; --input-focus: var(--primary-focus);
--input-inverse: #{$white}; --input-inverse: var(--primary-inverse);
// Button // Button
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0); --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

18
scss/themes/default/_light.scss
View file

@ -18,25 +18,25 @@
// Primary Call-to-Action and links // Primary Call-to-Action and links
--primary: #{$primary-600}; --primary: #{$primary-600};
--primary-border: #{$primary-600}; --primary-border: var(--primary);
--primary-hover: #{$primary-700}; --primary-hover: #{$primary-700};
--primary-hover-border: #{$primary-700}; --primary-hover-border: var(--primary-hover-border);
--primary-focus: #{rgba($primary-600, .125)}; --primary-focus: #{rgba($primary-600, .125)};
--primary-inverse: #{$white}; --primary-inverse: #{$white};
// Secondary Call-to-Action, links and kbd // Secondary Call-to-Action, links and kbd
--secondary: #{$grey-500}; --secondary: #{$grey-500};
--secondary-border: #{$grey-500}; --secondary-border: var(--secondary);
--secondary-hover: #{$grey-700}; --secondary-hover: #{$grey-700};
--secondary-hover-border: #{$grey-700}; --secondary-hover-border: var(--secondary-hover);
--secondary-focus: #{rgba($grey-500, .125)}; --secondary-focus: #{rgba($grey-500, .125)};
--secondary-inverse: #{$white}; --secondary-inverse: #{$white};
// Contrast Call-to-Action and Tooltips // Contrast Call-to-Action and Tooltips
--contrast: #{$grey-800}; --contrast: #{$grey-800};
--contrast-border: #{$grey-800}; --contrast-border: var(--contrast);
--contrast-hover: #{mix($grey-900, $black)}; --contrast-hover: #{mix($grey-900, $black)};
--contrast-hover-border: #{mix($grey-900, $black)}; --contrast-hover-border: var(--contrast-hover);
--contrast-focus: #{rgba($grey-500, .125)}; --contrast-focus: #{rgba($grey-500, .125)};
--contrast-inverse: #{$white}; --contrast-inverse: #{$white};
@ -44,9 +44,9 @@
--input-background: #{$white}; --input-background: #{$white};
--input-border: #{mix($grey-100, $grey-200)}; --input-border: #{mix($grey-100, $grey-200)};
--input-hover-background: #{$white}; --input-hover-background: #{$white};
--input-hover-border: #{$primary-600}; --input-hover-border: var(--primary-hover-border);
--input-focus: #{rgba($primary-600, .125)}; --input-focus: var(--primary-focus);
--input-inverse: #{$white}; --input-inverse: var(--primary-inverse);
// Button // Button
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);; --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);;