summaryrefslogtreecommitdiff
path: root/vendor/oojs/oojs-ui/src/styles/elements/ButtonElement.less
blob: 248772e5244efddd3cda60805612e938a493c330 (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
@import '../common';

.oo-ui-buttonElement {
	> .oo-ui-buttonElement-button {
		cursor: pointer;
		display: inline-block;
		vertical-align: middle;
		font: inherit;
		white-space: nowrap;
		.oo-ui-unselectable();

		> .oo-ui-iconElement-icon,
		> .oo-ui-indicatorElement-indicator {
			display: none;
		}
	}

	&.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
		cursor: default;
	}

	&.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
	&.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
		display: inline-block;
		vertical-align: middle;
		background-position: center center;
		background-repeat: no-repeat;
	}

	&-frameless {
		display: inline-block;
		position: relative;

		&.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
			display: inline-block;
			vertical-align: middle;
		}
	}

	&-framed {
		> .oo-ui-buttonElement-button {
			display: inline-block;
			vertical-align: top;
			text-align: center;
		}

		&.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
			display: inline-block;
			vertical-align: middle;
		}

		&.oo-ui-widget-disabled {
			> .oo-ui-buttonElement-button,
			&.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
			&.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
				cursor: default;
			}
		}
	}

	.theme-oo-ui-buttonElement();
}