diff options
author | Jouni Koivuviita <jouni@vaadin.com> | 2012-08-13 08:54:54 +0300 |
---|---|---|
committer | Jouni Koivuviita <jouni@vaadin.com> | 2012-08-13 08:54:54 +0300 |
commit | 6031735017cd2fad28cdf64f4246e6d9914cc3ad (patch) | |
tree | 7ce54cd9b21fd29b425e90833384e1f66f52aa0c /WebContent/VAADIN/themes/reindeer/button/button-standard.scss | |
parent | 559775efaf0a8f0f9f1ad6246084667732b15a0f (diff) | |
parent | 1fd77ff0d5fc6dee010b5c83acfd5b87b6801264 (diff) | |
download | vaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.tar.gz vaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.zip |
merge master (sass theme changes)
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/button/button-standard.scss')
-rw-r--r-- | WebContent/VAADIN/themes/reindeer/button/button-standard.scss | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/button/button-standard.scss b/WebContent/VAADIN/themes/reindeer/button/button-standard.scss new file mode 100644 index 0000000000..4df09bc1bd --- /dev/null +++ b/WebContent/VAADIN/themes/reindeer/button/button-standard.scss @@ -0,0 +1,94 @@ +@mixin reindeer-button-standard { + +.v-button:focus { + background-image: url(img/left-focus.png); /** sprite-ref: buttons */ + outline: none; + } + +.v-button:focus .v-button-wrap { + background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ + outline: none; + } + +.v-button:active, +.v-button.v-pressed { + background-image: url(img/left-pressed.png); /** sprite-ref: buttons */ + outline: none; + } + +.v-button:active .v-button-wrap, +.v-button.v-pressed .v-button-wrap { + background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ + outline: none; + } + +.v-button, +.v-disabled.v-button { + height: 26px; + padding: 0 0 0 6px; + background-color: transparent; + background-repeat: no-repeat; + background-image: url(img/left.png); /** sprite-ref: buttons */ + border: none; + cursor: default; + } + +.v-button-wrap, +.v-disabled.v-button .v-button-wrap { + display: block; + height: 22px; + padding: 4px 15px 0 9px; + background-color: transparent; + background-repeat: no-repeat; + background-position: right top; + background-image: url(img/right.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + +.v-button-caption { + color: #222; + text-shadow: #fff 0 1px 0; + font-weight: bold; + font-size: 11px; + line-height: 16px; + } + + + + +/************************** + * Black style + **************************/ +.black .v-button:focus { + background-image: url(img/black/left-focus.png); /** sprite-ref: black-buttons */ + } + +.black .v-button:focus .v-button-wrap { + background-image: url(img/black/right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .v-button:active, +.black .v-button.v-pressed { + background-image: url(img/black/left-pressed.png); /** sprite-ref: black-buttons */ + } + +.black .v-button:active .v-button-wrap, +.black .v-button.v-pressed .v-button-wrap { + background-image: url(img/black/right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .v-button, +.black .v-disabled.v-button { + background-image: url(img/black/left.png); /** sprite-ref: black-buttons */ + } + +.black .v-button-wrap, +.black .v-disabled.v-button .v-button-wrap { + background-image: url(img/black/right.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .v-button-caption { + color: #c9ccce; + text-shadow: #121314 0 -1px 0; + } + +}
\ No newline at end of file |