diff options
author | Andrew Dolgov <[email protected]> | 2018-12-04 22:24:31 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2018-12-04 22:24:31 +0300 |
commit | 2ab097b2e5d0470f39021e2c27252d1ee8f20d94 (patch) | |
tree | 0f149e6fc7a8a112c71e7cb0f48816ec5e09f891 /lib/flat-ttrss/dijit/form/TextBox.styl | |
parent | 88b8830a6bec4bb2278f410fd1e645d8289a99e9 (diff) |
initial work for flat modern theme
Diffstat (limited to 'lib/flat-ttrss/dijit/form/TextBox.styl')
-rwxr-xr-x | lib/flat-ttrss/dijit/form/TextBox.styl | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/lib/flat-ttrss/dijit/form/TextBox.styl b/lib/flat-ttrss/dijit/form/TextBox.styl new file mode 100755 index 000000000..b8a1da2e6 --- /dev/null +++ b/lib/flat-ttrss/dijit/form/TextBox.styl @@ -0,0 +1,104 @@ +/* Text Inputs: [TextBox | DateTextBox | CurrencyTextBox | ValidationTextBox | ...] | TextArea + * Mainly includes: + * + * 1. Containers + * .dijitTextBox + * .dijitInputField - container that wraps "dijitInputInner" or "dijitPlaceHolder" + * + * 2. Textbox input + * .dijitInputInner + * .dijitPlaceHolder + * + * 3. States - Hover, Focused, Disabled, Error, Error while Focused e.g. + * .dijitTextBoxHover + * .dijitTextBoxFocused + * .dijitTextBoxDisabled + * .dijitTextBoxError + * .dijitTextBoxErrorFocused + * +*/ + +@import 'dijit_form_variables'; + +.{$theme-name} { + + .dijitTextBox, + .dijitInputInner { + line-height: $line-height; + } + + .dijitTextBox { + background: $input-background; + border: 1px solid $input-border-color; + border-radius: $input-border-radius; + transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; + } + + .dijitTextArea { + padding: $input-padding $input-padding + 2px; + } + + .dijitTextBox { + .dijitInputField { + padding: 0 $input-padding; + margin:0 2px; + } + } + + create-alternative-textboxes($button-alternative-colors); + + .dijitTextBox .dijitInputInner, + .dijitValidationTextBox .dijitValidationContainer, + .dijitTextBox .dijitInputField .dijitPlaceHolder { + padding: $input-padding; + } + + // hover + .dijitTextBoxHover { + border-color: $input-hover-border-color; + transition-duration: .25s; + } + + // focused + .dijitTextBoxFocused { + border-color: $input-focused-border-color; + transition-duration: .1s; + } + + // disabled + .dijitTextBoxDisabled { + color: $input-disabled-color; + background-color: $input-disabled-background-color; + border-color: $input-disabled-border-color; + } + + create-alternative-textboxes-disabled($button-alternative-colors); + + // error + .dijitTextBoxError, + .dijitTextBoxError .dijitButtonNode { + border-color: $input-error-border-color; + } + + // error: focused + .dijitTextBoxErrorFocused, + .dijitTextBoxErrorFocused .dijitButtonNode { + border: $input-focused-error-border; + } + + // error: icon + .dijitValidationTextBoxError { + .dijitValidationContainer { + color: $input-error-icon-background-color; + width: $input-error-icon-width; + _icon-core-style(); + font-size: $input-error-icon-width; + &:before { + content: $icon-error; + } + } + .dijitValidationIcon { + display: none; + } + } +}
\ No newline at end of file |