diff options
Update Autocomplete style
4 files changed, 10 insertions, 9 deletions
| -rw-r--r-- | src/autocomplete.less | 5 | ||||
| -rw-r--r-- | src/chips.less | 8 | ||||
| -rw-r--r-- | src/pagination.less | 2 | ||||
| -rw-r--r-- | src/variables.less | 4 |
diff --git a/src/autocomplete.less b/src/autocomplete.less index 46af3b2..111ecf6 100644 --- a/src/autocomplete.less +++ b/src/autocomplete.less @@ -8,7 +8,7 @@ flex-wrap: wrap; height: auto; min-height: @unit-8; - padding: @border-width 0 0 @border-width; + padding: @unit-h; &.is-focused { border-color: @primary-color; @@ -20,8 +20,9 @@ box-shadow: none; display: inline-block; flex: 1 0 auto; - height: @unit-7; + height: @unit-6; line-height: @unit-4; + margin: @unit-h; width: auto; } } diff --git a/src/chips.less b/src/chips.less index 394ccee..60ab726 100644 --- a/src/chips.less +++ b/src/chips.less @@ -5,10 +5,10 @@ border-radius: 5rem; color: @gray-color-dark; display: inline-flex; - height: @unit-7; - margin: 0 @unit-0 @unit-0 0; + height: @unit-6; + margin: @unit-h; max-width: 100%; - padding: @unit-0 @unit-2; + padding: @unit-h @unit-2 + @unit-h; text-decoration: none; vertical-align: middle; @@ -18,7 +18,7 @@ } .avatar { - margin-left: -@unit-1; + margin-left: -(@unit-2 + @unit-h); margin-right: @unit-1; } } diff --git a/src/pagination.less b/src/pagination.less index 7372c59..596651b 100644 --- a/src/pagination.less +++ b/src/pagination.less @@ -6,7 +6,7 @@ padding: @unit-1 0; .page-item { - margin: @unit-1 @unit-0; + margin: @unit-1 @unit-o; span { display: inline-block; diff --git a/src/variables.less b/src/variables.less index cd530e2..850940b 100644 --- a/src/variables.less +++ b/src/variables.less @@ -21,7 +21,7 @@ @body-font-family: @base-font-family, @fallback-font-family; // Unit sizes -@unit-0: .05rem; +@unit-o: .05rem; @unit-h: .1rem; @unit-1: .2rem; @unit-2: .4rem; @@ -51,7 +51,7 @@ @control-min-width: 180px; @control-max-width: 320px; @border-radius: @unit-h; -@border-width: @unit-0; +@border-width: @unit-o; @border-width-lg: @unit-h; // Colors |