summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer/button/button-small-style.scss
blob: 0ec33e330c07509be89b7ade79b1e69f8a5943fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
@mixin reindeer-button-small-style {

.v-button-small:focus {
	background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */
	}
	
.v-button-small:focus .v-button-wrap {
	background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
	}
	
.v-button-small:active,
.v-button-small.v-pressed {
	background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */
	}

.v-button-small:active .v-button-wrap,
.v-button-small.v-pressed .v-button-wrap {
	background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
	}

.v-button-small,
.v-disabled.v-button-small {
	background-image: url(img/small-left.png); /** sprite-ref: buttons */
	height: 20px;
	}
	
.v-button-small .v-button-wrap,
.v-disabled.v-button-small .v-button-wrap {
	background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
	height: 19px;
	padding: 1px 14px 0 8px;
	}

.v-button-small .v-button-caption {
	font-weight: normal;
	}
	



/* Black style */

.black .v-button-small:focus {
	background-image: url(img/black/small-left-focus.png); /** sprite-ref: black-buttons */
	}
	
.black .v-button-small:focus .v-button-wrap {
	background-image: url(img/black/small-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
	}
	
.black .v-button-small:active,
.black .v-button-small.v-pressed {
	background-image: url(img/black/small-left-pressed.png); /** sprite-ref: black-buttons */
	}
	
.black .v-button-small:active .v-button-wrap,
.black .v-button-small.v-pressed .v-button-wrap {
	background-image: url(img/black/small-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
	}

.black .v-button-small,
.black .v-disabled.v-button-small {
	background-image: url(img/black/small-left.png); /** sprite-ref: black-buttons */
	}
	
.black .v-button-small .v-button-wrap,
.black .v-disabled.v-button-small .v-button-wrap {
	background-image: url(img/black/small-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
	}

}