main
Last change
on this file since 4d97b63 was 08f82ec, checked in by 223021 <daniel.ilievski.2@…>, 5 months ago |
Did more refactoring
|
-
Property mode
set to
100644
|
File size:
1.1 KB
|
Line | |
---|
1 | .table {
|
---|
2 |
|
---|
3 | }
|
---|
4 |
|
---|
5 | .table tbody tr:nth-child(even) {
|
---|
6 | background-color: #fff; /* Light gray */
|
---|
7 | }
|
---|
8 |
|
---|
9 | .table tbody tr:nth-child(odd) {
|
---|
10 | background-color: #f2f2f2; /* White */
|
---|
11 | }
|
---|
12 | /* The switch - the box around the slider */
|
---|
13 | .switch {
|
---|
14 | font-size: 12px;
|
---|
15 | position: relative;
|
---|
16 | display: inline-block;
|
---|
17 | width: 3.5em;
|
---|
18 | height: 2em;
|
---|
19 | }
|
---|
20 |
|
---|
21 | /* Hide default HTML checkbox */
|
---|
22 | .switch input {
|
---|
23 | opacity: 0;
|
---|
24 | width: 0;
|
---|
25 | height: 0;
|
---|
26 | }
|
---|
27 | .slider {
|
---|
28 | position: absolute;
|
---|
29 | cursor: pointer;
|
---|
30 | inset: 0;
|
---|
31 | background: #DB5A57;
|
---|
32 | border-radius: 50px;
|
---|
33 | transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
---|
34 | }
|
---|
35 |
|
---|
36 | .slider:before {
|
---|
37 | position: absolute;
|
---|
38 | content: "";
|
---|
39 | display: flex;
|
---|
40 | align-items: center;
|
---|
41 | justify-content: center;
|
---|
42 | height: 2em;
|
---|
43 | width: 2em;
|
---|
44 | inset: 0;
|
---|
45 | background-color: white;
|
---|
46 | border-radius: 50px;
|
---|
47 | box-shadow: 0 10px 20px rgba(0,0,0,0.3);
|
---|
48 | transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
---|
49 | }
|
---|
50 |
|
---|
51 | .switch input:checked + .slider {
|
---|
52 | background: #3DDC69;
|
---|
53 | }
|
---|
54 |
|
---|
55 | .switch input:focus + .slider {
|
---|
56 | box-shadow: 0 0 1px #3DDC69;
|
---|
57 | }
|
---|
58 |
|
---|
59 | .switch input:checked + .slider:before {
|
---|
60 | transform: translateX(1.6em);
|
---|
61 | } |
---|
Note:
See
TracBrowser
for help on using the repository browser.