| //// |
| /// @group components/focus |
| //// |
| |
| /// Focus style for formlayout captions. |
| @mixin os-caption-focus { |
| color: $v-focus-color; |
| border-bottom-color: $v-focus-color; |
| } |
| |
| /// Focus style for panel borders. |
| /// @todo does this work? |
| @mixin os-panel-focus{ |
| border-color: $v-focus-color; |
| border-width: 1px; |
| } |
| |
| /// @todo something's missing here... |
| @mixin test { |
| /* --- TESTS bzgl. HAS FOCUS ... */ |
| .v-panel-os-has-focus .v-panel-captionwrap { |
| background-color: yellow !important; |
| } |
| .v-panel-os-has-focus .v-panel-caption span { |
| background-color: yellow !important; |
| color: red !important; |
| } |
| .v-textfield-os-has-focus { |
| color: red !important; |
| } |
| .v-customcomponent-os-has-focus { |
| color: red !important; |
| } |
| .v-filterselect-os-has-focus { |
| color: red !important; |
| } |
| .v-checkbox-os-has-focus { |
| color: red !important; |
| } |
| .v-datefield-os-has-focus { |
| color: red !important; |
| } |
| .v-caption-os-has-focus { |
| background-color: yellow !important; |
| color: red !important; |
| } |
| .v-button-os-has-focus { |
| background-color: yellow !important; |
| color: red !important; |
| } |
| } |