Enhance: dark-mode in docs

This commit is contained in:
Daniel
2021-03-18 22:29:18 +05:30
parent 18bc68fc1a
commit e7ed74d4ea
3 changed files with 104 additions and 2 deletions

View File

@@ -1,3 +1,52 @@
.max-height-300 pre {
max-height: 300px
max-height: 300px;
}
.theme-switch {
display: inline-block;
height: 24px;
position: relative;
width: 50px;
}
.theme-switch input {
display: none;
}
.slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: 400ms;
}
.slider::before {
background-color: #fff;
bottom: 4px;
content: "";
height: 16px;
left: 4px;
position: absolute;
transition: 400ms;
width: 16px;
}
input:checked + .slider {
background-color: #66bb6a;
}
input:checked + .slider::before {
transform: translateX(26px);
}
.slider.round {
border-radius: 34px;
}
.slider.round::before {
border-radius: 50%;
}