Fix the horrible whitespacing
This commit is contained in:
parent
d5518a164e
commit
a9dd23a52c
17 changed files with 1311 additions and 1309 deletions
134
css/common.css
134
css/common.css
|
|
@ -1,67 +1,67 @@
|
|||
*{box-sizing:border-box;}
|
||||
|
||||
:root{
|
||||
--top: #212121;
|
||||
--background: #303030;
|
||||
--light: #424242;
|
||||
--lighter: #606060;
|
||||
--lightest: #848484;
|
||||
}
|
||||
html{
|
||||
height:100vh;
|
||||
font-family: "Segoe UI", Tahoma, sans-serif;
|
||||
}
|
||||
body{
|
||||
min-height:100%;
|
||||
margin: 0;
|
||||
background-color: var(--background);
|
||||
}
|
||||
|
||||
.check{
|
||||
font-size:20px;
|
||||
|
||||
display: inline-flex;
|
||||
width:2em;
|
||||
height:1em;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.check input{
|
||||
display:none;
|
||||
}
|
||||
.check input + span{
|
||||
position:relative;
|
||||
display:inline-flex;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background: #000;
|
||||
border-radius:1000px;
|
||||
cursor:pointer;
|
||||
transition: background 100ms ease-in-out;
|
||||
}
|
||||
.check input:checked + span{
|
||||
background:#0a3;
|
||||
}
|
||||
.check input + span::before{
|
||||
content:"";
|
||||
display:inline-block;
|
||||
width:1em; height:1em;
|
||||
margin-left:1px;
|
||||
border:0.15em solid transparent;
|
||||
background-clip: padding-box;
|
||||
box-sizing:border-box;
|
||||
border-radius:100%;
|
||||
background-color:white;
|
||||
transition: all 100ms ease-in-out;
|
||||
}
|
||||
.check input:checked + span::before{
|
||||
transform: translateX(100%);
|
||||
margin-left:-1px;
|
||||
}
|
||||
.check.no-transition input + span,
|
||||
.check.no-transition input + span::before{
|
||||
transition:none;
|
||||
}
|
||||
/* Small Check */
|
||||
.check.small{
|
||||
font-size:17px;
|
||||
}
|
||||
*{box-sizing:border-box;}
|
||||
|
||||
:root{
|
||||
--top: #212121;
|
||||
--background: #303030;
|
||||
--light: #424242;
|
||||
--lighter: #606060;
|
||||
--lightest: #848484;
|
||||
}
|
||||
html{
|
||||
height:100vh;
|
||||
font-family: "Segoe UI", Tahoma, sans-serif;
|
||||
}
|
||||
body{
|
||||
min-height:100%;
|
||||
margin: 0;
|
||||
background-color: var(--background);
|
||||
}
|
||||
|
||||
.check{
|
||||
font-size:20px;
|
||||
|
||||
display: inline-flex;
|
||||
width:2em;
|
||||
height:1em;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.check input{
|
||||
display:none;
|
||||
}
|
||||
.check input + span{
|
||||
position:relative;
|
||||
display:inline-flex;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background: #000;
|
||||
border-radius:1000px;
|
||||
cursor:pointer;
|
||||
transition: background 100ms ease-in-out;
|
||||
}
|
||||
.check input:checked + span{
|
||||
background:#0a3;
|
||||
}
|
||||
.check input + span::before{
|
||||
content:"";
|
||||
display:inline-block;
|
||||
width:1em; height:1em;
|
||||
margin-left:1px;
|
||||
border:0.15em solid transparent;
|
||||
background-clip: padding-box;
|
||||
box-sizing:border-box;
|
||||
border-radius:100%;
|
||||
background-color:white;
|
||||
transition: all 100ms ease-in-out;
|
||||
}
|
||||
.check input:checked + span::before{
|
||||
transform: translateX(100%);
|
||||
margin-left:-1px;
|
||||
}
|
||||
.check.no-transition input + span,
|
||||
.check.no-transition input + span::before{
|
||||
transition:none;
|
||||
}
|
||||
/* Small Check */
|
||||
.check.small{
|
||||
font-size:17px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue