switch.less
6.11 KB
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
/*!
*/
@import "../common/switch.less";
@import "base.less";
/* Switch */
.km-office365 .km-switch
{
width: 5rem;
height: 2.5rem;
line-height: 2.2rem;
}
.km-office365 .km-switch-wrapper
{
overflow: hidden;
}
.km-office365 .km-switch-background,
.km-office365 .k-slider-selection
{
background-position: 4.25em 0;
background-repeat: no-repeat;
background-color: currentcolor;
}
.km-office365 .k-slider-selection
{
margin-left: -3.4rem;
}
.km-office365 .km-switch-container
{
border-width: 0;
}
.km-office365 .km-switch-handle
{
width: 1.5em;
margin: 0 4px 0 0;
border-width: 3px;
}
.km-office365 .km-switch-on .km-switch-handle
{
margin: 0 0 0 4px;
}
.km-office365 .km-switch-label-off
{
left: 1.5em;
}
.km-office365 .km-switch-label-on
{
left: -2.8em;
}
.km-office365 .km-switch-label-on,
.km-office365 .km-switch-label-off
{
display: none;
}
.km-office365 .km-switch-wrapper,
.km-office365 .km-switch-container,
.km-office365 .km-switch-background,
.km-office365 .km-switch-handle
{
border-radius: 0;
}
.km-office365 .km-switch-container,
.km-office365 .km-switch-wrapper
{
.box-sizing(border-box);
border-style: solid;
background-clip: content-box;
}
.km-office365 .km-switch-wrapper {
border-width: 3px;
}
.km-office365 .km-switch-background {
width: 100%;
margin-left: -4em;
}
.km-office365 .km-switch-off .km-switch-handle:after,
.km-office365 .km-switch-on .km-switch-handle:after,
.km-office365 .km-switch-off .km-switch-handle:before,
.km-office365 .km-switch-on .km-switch-handle:before {
content: "";
width: 3px;
height: 100%;
display: inline-block;
margin-top: -3px;
padding: 3px 0;
}
.km-office365 .km-switch-on .km-switch-handle:after {
float: right;
}
.km-office365 .km-switch-on .km-switch-handle:before {
float: left;
}
.km-office365 .km-switch-off .km-switch-handle:after {
float: right;
}
.km-office365 .km-switch-container:after {
content: "";
display: block;
clear: both;
}