Scope variables for simpler code

This commit is contained in:
Cory LaViska
2017-08-11 16:42:12 -04:00
parent e60fe6caf9
commit aa2f4be3e5
2 changed files with 14 additions and 25 deletions

2
dist/shoelace.css vendored

File diff suppressed because one or more lines are too long

View File

@@ -122,26 +122,16 @@ input[readonly] {
background-color: var(--input-readonly-bg-color);
}
input.input-small,
select.input-small {
font-size: var(--input-font-size-small);
height: var(--input-height-small);
line-height: var(--input-height-small);
.input-small {
--input-font-size: var(--input-font-size-small);
--input-height: var(--input-height-small);
--input-font-size: var(--input-font-size-small);
}
textarea.input-small {
font-size: var(--input-font-size-small);
}
input.input-big,
select.input-big {
font-size: var(--input-font-size-big);
height: var(--input-height-big);
line-height: var(--input-height-big);
}
textarea.input-big {
font-size: var(--input-font-size-big);
.input-big {
--input-font-size: var(--input-font-size-big);
--input-height: var(--input-height-big);
--input-font-size: var(--input-font-size-big);
}
/* Range styles courtesy of http://danielstern.ca/range.css/ */
@@ -297,6 +287,7 @@ progress {
/* Input addons */
.input-addon {
font-size: var(--input-font-size);
color: var(--text-muted);
height: var(--input-height);
line-height: var(--input-height);
@@ -308,15 +299,13 @@ progress {
}
.input-addon-small {
font-size: var(--input-font-size-small);
height: var(--input-height-small);
line-height: var(--input-height-small);
--input-font-size: var(--input-font-size-small);
--input-height: var(--input-height-small);
}
.input-addon-big {
font-size: var(--input-font-size-big);
height: var(--input-height-big);
line-height: var(--input-height-big);
--input-font-size: var(--input-font-size-big);
--input-height: var(--input-height-big);
}
.input-addon:first-child {