Add --component-box-shadow-inner|outer

This commit is contained in:
Cory LaViska
2017-08-22 16:53:35 -04:00
parent c588a115c4
commit b18e3a37ed
5 changed files with 7 additions and 5 deletions

2
dist/shoelace.css vendored

File diff suppressed because one or more lines are too long

View File

@@ -10,7 +10,7 @@
--dropdown-color-hover: var(--color-white);
--dropdown-bg-color: var(--color-white);
--dropdown-bg-color-hover: var(--state-primary);
--dropdown-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
--dropdown-box-shadow: var(--component-box-shadow-outer);
--dropdown-divider-color: var(--component-border-color);
--dropdown-divider-width: var(--component-border-width);
--dropdown-padding-x: 1rem;

View File

@@ -18,14 +18,14 @@
--input-border-width: 1px;
--input-border-radius: var(--component-border-radius);
--input-bg-color: var(--color-white);
--input-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
--input-box-shadow: var(--component-box-shadow-inner);
--input-readonly-bg-color: var(--component-bg-color);
--input-focus-width: 2px;
--input-speed: var(--component-speed);
--input-range-track-height: .5rem;
--input-range-track-color: var(--component-bg-color);
--input-range-track-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
--input-range-track-box-shadow: var(--component-box-shadow-inner);
--input-range-thumb-height: 1.25rem;
--input-range-thumb-color: var(--state-primary);

View File

@@ -14,7 +14,7 @@
--progress-bg-color: var(--component-bg-color);
--progress-bar-color: var(--state-primary);
--progress-border-radius: var(--component-border-radius);
--progress-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
--progress-box-shadow: var(--component-box-shadow-inner);
--progress-speed: var(--component-speed);
--progress-speed-indeterminate: 3s;
}

View File

@@ -64,4 +64,6 @@
--component-padding-x: 1rem;
--component-padding-y: 1rem;
--component-speed: .1s;
--component-box-shadow-inner: inset 0 1px 1px rgba(0, 0, 0, .05);
--component-box-shadow-outer: 0 1px 0 rgba(0, 0, 0, .05);
}