diff options
Diffstat (limited to 'src/objects/_text-field.scss')
| -rw-r--r-- | src/objects/_text-field.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 1e18f0a..643e8d9 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss | |||
| @@ -34,7 +34,7 @@ | |||
| 34 | --dims: ( | 34 | --dims: ( |
| 35 | --pad-x: fn.global-dim(--size --125), | 35 | --pad-x: fn.global-dim(--size --125), |
| 36 | --pad-y: fn.global-dim(--size --125), | 36 | --pad-y: fn.global-dim(--size --125), |
| 37 | --border-width: fn.global-dim(--border-width --thin), | 37 | --border: fn.global-dim(--border --thin), |
| 38 | --border-radius: 2px, | 38 | --border-radius: 2px, |
| 39 | 39 | ||
| 40 | --extended: ( | 40 | --extended: ( |
| @@ -43,7 +43,7 @@ | |||
| 43 | ), | 43 | ), |
| 44 | 44 | ||
| 45 | --focus: ( | 45 | --focus: ( |
| 46 | --border-width: fn.global-dim(--border-width --medium), | 46 | --border: fn.global-dim(--border --medium), |
| 47 | ) | 47 | ) |
| 48 | ), | 48 | ), |
| 49 | ), 'dims'); | 49 | ), 'dims'); |
| @@ -93,7 +93,7 @@ | |||
| 93 | 93 | ||
| 94 | @include iro.bem-object(iro.props-namespace()) { | 94 | @include iro.bem-object(iro.props-namespace()) { |
| 95 | $line-height: 1.4; | 95 | $line-height: 1.4; |
| 96 | $focus-border-offset: calc(fn.dim(--border-width) - fn.dim(--focus --border-width)); | 96 | $focus-border-offset: calc(fn.dim(--border) - fn.dim(--focus --border)); |
| 97 | 97 | ||
| 98 | position: relative; | 98 | position: relative; |
| 99 | min-width: 0; | 99 | min-width: 0; |
| @@ -107,7 +107,7 @@ | |||
| 107 | right: 0; | 107 | right: 0; |
| 108 | bottom: 0; | 108 | bottom: 0; |
| 109 | left: 0; | 109 | left: 0; |
| 110 | border: fn.dim(--border-width) solid fn.color(--border); | 110 | border: fn.dim(--border) solid fn.color(--border); |
| 111 | border-radius: fn.dim(--border-radius); | 111 | border-radius: fn.dim(--border-radius); |
| 112 | box-shadow: fn.color(--shadow); | 112 | box-shadow: fn.color(--shadow); |
| 113 | pointer-events: none; | 113 | pointer-events: none; |
| @@ -143,7 +143,7 @@ | |||
| 143 | right: $focus-border-offset; | 143 | right: $focus-border-offset; |
| 144 | bottom: $focus-border-offset; | 144 | bottom: $focus-border-offset; |
| 145 | left: $focus-border-offset; | 145 | left: $focus-border-offset; |
| 146 | border: fn.dim(--focus --border-width) solid fn.color(--focus --border); | 146 | border: fn.dim(--focus --border) solid fn.color(--focus --border); |
| 147 | border-radius: calc(fn.dim(--border-radius) - $focus-border-offset); | 147 | border-radius: calc(fn.dim(--border-radius) - $focus-border-offset); |
| 148 | box-shadow: fn.color(--focus --shadow); | 148 | box-shadow: fn.color(--focus --shadow); |
| 149 | } | 149 | } |
