Added namespace support and fixed layout (+ darkmode!)
This commit is contained in:
parent
44624542e8
commit
3712035058
8 changed files with 125 additions and 29 deletions
47
dist/css/styles.css
vendored
Normal file
47
dist/css/styles.css
vendored
Normal file
|
@ -0,0 +1,47 @@
|
|||
.form-check-input {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.form-switch.form-switch-sm {
|
||||
margin-bottom: 0.5rem;
|
||||
/* JUST FOR STYLING PURPOSE */
|
||||
}
|
||||
|
||||
.form-switch.form-switch-sm .form-check-input {
|
||||
height: 1rem;
|
||||
width: calc(1rem + 0.75rem);
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
.form-switch.form-switch-md {
|
||||
margin-bottom: 1rem;
|
||||
/* JUST FOR STYLING PURPOSE */
|
||||
}
|
||||
|
||||
.form-switch.form-switch-md .form-check-input {
|
||||
height: 1.5rem;
|
||||
width: calc(2rem + 0.75rem);
|
||||
border-radius: 3rem;
|
||||
}
|
||||
|
||||
.form-switch.form-switch-lg {
|
||||
margin-bottom: 1.5rem;
|
||||
/* JUST FOR STYLING PURPOSE */
|
||||
}
|
||||
|
||||
.form-switch.form-switch-lg .form-check-input {
|
||||
height: 2rem;
|
||||
width: calc(3rem + 0.75rem);
|
||||
border-radius: 4rem;
|
||||
}
|
||||
|
||||
.form-switch.form-switch-xl {
|
||||
margin-bottom: 2rem;
|
||||
/* JUST FOR STYLING PURPOSE */
|
||||
}
|
||||
|
||||
.form-switch.form-switch-xl .form-check-input {
|
||||
height: 2.5rem;
|
||||
width: calc(4rem + 0.75rem);
|
||||
border-radius: 5rem;
|
||||
}
|
1
dist/css/styles.min.css
vendored
Normal file
1
dist/css/styles.min.css
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
.form-check-input{clear:left;}.form-switch.form-switch-sm{margin-bottom:.5rem}.form-switch.form-switch-sm .form-check-input{height:1rem;width:calc(1rem + .75rem);border-radius:2rem;}.form-switch.form-switch-md{margin-bottom:1rem}.form-switch.form-switch-md .form-check-input{height:1.5rem;width:calc(2rem + .75rem);border-radius:3rem;}.form-switch.form-switch-lg{margin-bottom:1.5rem}.form-switch.form-switch-lg .form-check-input{height:2rem;width:calc(3rem + .75rem);border-radius:4rem;}.form-switch.form-switch-xl{margin-bottom:2rem}.form-switch.form-switch-xl .form-check-input{height:2.5rem;width:calc(4rem + .75rem);border-radius:5rem;}
|
Reference in a new issue