main
Last change
on this file since 0f0add0 was 08f82ec, checked in by 223021 <daniel.ilievski.2@…>, 4 months ago |
Did more refactoring
|
-
Property mode
set to
100644
|
File size:
1.1 KB
|
Rev | Line | |
---|
[b248810] | 1 | .table {
|
---|
| 2 |
|
---|
| 3 | }
|
---|
| 4 |
|
---|
[08f82ec] | 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 | }
|
---|
[b248810] | 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.