source: trip-planner-front/node_modules/angular-material/modules/closure/switch/switch.css@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit
  • Property mode set to 100644
File size: 3.6 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7.md-inline-form md-switch {
8 margin-top: 18px;
9 margin-bottom: 19px; }
10
11md-switch {
12 margin: 16px 0;
13 white-space: nowrap;
14 cursor: pointer;
15 outline: none;
16 -webkit-user-select: none;
17 -moz-user-select: none;
18 -ms-user-select: none;
19 user-select: none;
20 height: 30px;
21 line-height: 28px;
22 align-items: center;
23 display: flex;
24 margin-left: inherit;
25 margin-right: 16px; }
26 [dir=rtl] md-switch {
27 margin-left: 16px; }
28 [dir=rtl] md-switch {
29 margin-right: inherit; }
30 md-switch:last-of-type {
31 margin-left: inherit;
32 margin-right: 0; }
33 [dir=rtl] md-switch:last-of-type {
34 margin-left: 0; }
35 [dir=rtl] md-switch:last-of-type {
36 margin-right: inherit; }
37 md-switch[disabled] {
38 cursor: default; }
39 md-switch[disabled] .md-container {
40 cursor: default; }
41 md-switch .md-container {
42 cursor: -webkit-grab;
43 cursor: grab;
44 width: 36px;
45 height: 24px;
46 position: relative;
47 -webkit-user-select: none;
48 -moz-user-select: none;
49 -ms-user-select: none;
50 user-select: none;
51 margin-right: 8px;
52 float: left; }
53 [dir=rtl] md-switch .md-container {
54 margin-right: 0px;
55 margin-left: 8px; }
56 md-switch.md-inverted .md-container {
57 margin-right: initial;
58 margin-left: 8px; }
59 [dir=rtl] md-switch.md-inverted .md-container {
60 margin-right: 8px; }
61 [dir=rtl] md-switch.md-inverted .md-container {
62 margin-left: initial; }
63 md-switch:not([disabled]) .md-dragging,
64 md-switch:not([disabled]).md-dragging .md-container {
65 cursor: -webkit-grabbing;
66 cursor: grabbing; }
67 md-switch.md-focused .md-thumb:before {
68 left: -8px;
69 top: -8px;
70 right: -8px;
71 bottom: -8px; }
72 md-switch .md-label {
73 border-color: transparent;
74 border-width: 0;
75 float: left; }
76 md-switch .md-bar {
77 left: 1px;
78 width: 34px;
79 top: 5px;
80 height: 14px;
81 border-radius: 8px;
82 position: absolute; }
83 md-switch .md-thumb-container {
84 top: 2px;
85 left: 0;
86 width: 16px;
87 position: absolute;
88 transform: translate3d(0, 0, 0);
89 z-index: 1; }
90 md-switch.md-checked .md-thumb-container {
91 transform: translate3d(100%, 0, 0); }
92 md-switch .md-thumb {
93 position: absolute;
94 margin: 0;
95 left: 0;
96 top: 0;
97 outline: none;
98 height: 20px;
99 width: 20px;
100 border-radius: 50%;
101 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
102 md-switch .md-thumb:before {
103 background-color: transparent;
104 border-radius: 50%;
105 content: '';
106 position: absolute;
107 display: block;
108 height: auto;
109 left: 0;
110 top: 0;
111 right: 0;
112 bottom: 0;
113 transition: all 0.5s;
114 width: auto; }
115 md-switch .md-thumb .md-ripple-container {
116 position: absolute;
117 display: block;
118 width: auto;
119 height: auto;
120 left: -20px;
121 top: -20px;
122 right: -20px;
123 bottom: -20px; }
124 md-switch:not(.md-dragging) .md-bar,
125 md-switch:not(.md-dragging) .md-thumb-container,
126 md-switch:not(.md-dragging) .md-thumb {
127 transition: all 0.08s linear;
128 transition-property: transform, background-color; }
129 md-switch:not(.md-dragging) .md-bar,
130 md-switch:not(.md-dragging) .md-thumb {
131 transition-delay: 0.05s; }
132
133@media screen and (-ms-high-contrast: active) {
134 md-switch.md-default-theme .md-bar {
135 background-color: #666; }
136 md-switch.md-default-theme.md-checked .md-bar {
137 background-color: #9E9E9E; }
138 md-switch.md-default-theme .md-thumb {
139 background-color: #fff; } }
Note: See TracBrowser for help on using the repository browser.