mirror of
https://github.com/billz/raspap-webgui.git
synced 2023-10-10 13:37:24 +02:00
43 lines
2.8 KiB
CSS
43 lines
2.8 KiB
CSS
|
/*\
|
||
|
|
|*| ========================================================================
|
||
|
|
|*| Bootstrap Toggle: bootstrap4-toggle.css v3.5.0
|
||
|
|
|*| https://gitbrent.github.io/bootstrap-toggle/
|
||
|
|
|*| ========================================================================
|
||
|
|
|*| Copyright 2018-2019 Brent Ely
|
||
|
|
|*| Licensed under MIT
|
||
|
|
|*| ========================================================================
|
||
|
|
\*/
|
||
|
|
.btn-group-xs>.btn,.btn-xs{padding:.35rem .4rem .25rem;font-size:.875rem;line-height:.5;border-radius:.2rem}
|
||
|
|
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-1.25rem;margin-right:.35rem}
|
||
|
|
.toggle{position:relative;overflow:hidden}
|
||
|
|
.toggle.btn.btn-light,.toggle.btn.btn-outline-light{border-color:rgba(0,0,0,.15)}
|
||
|
|
.toggle input[type=checkbox]{display:none}
|
||
|
|
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
|
||
|
|
.toggle-group label,.toggle-group span{cursor:pointer}
|
||
|
|
.toggle.off .toggle-group{left:-100%}
|
||
|
|
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
|
||
|
|
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;box-shadow:none}
|
||
|
|
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-color:#fff}
|
||
|
|
.toggle.btn-outline-primary .toggle-handle{background-color:var(--primary);border-color:var(--primary)}
|
||
|
|
.toggle.btn-outline-secondary .toggle-handle{background-color:var(--secondary);border-color:var(--secondary)}
|
||
|
|
.toggle.btn-outline-success .toggle-handle{background-color:var(--success);border-color:var(--success)}
|
||
|
|
.toggle.btn-outline-danger .toggle-handle{background-color:var(--danger);border-color:var(--danger)}
|
||
|
|
.toggle.btn-outline-warning .toggle-handle{background-color:var(--warning);border-color:var(--warning)}
|
||
|
|
.toggle.btn-outline-info .toggle-handle{background-color:var(--info);border-color:var(--info)}
|
||
|
|
.toggle.btn-outline-light .toggle-handle{background-color:var(--light);border-color:var(--light)}
|
||
|
|
.toggle.btn-outline-dark .toggle-handle{background-color:var(--dark);border-color:var(--dark)}
|
||
|
|
.toggle[class*=btn-outline]:hover .toggle-handle{background-color:var(--light);opacity:.5}
|
||
|
|
.toggle.btn{min-width:3.7rem;min-height:2.15rem}
|
||
|
|
.toggle-on.btn{padding-right:1.5rem}
|
||
|
|
.toggle-off.btn{padding-left:1.5rem}
|
||
|
|
.toggle.btn-lg{min-width:5rem;min-height:2.815rem}
|
||
|
|
.toggle-on.btn-lg{padding-right:2rem}
|
||
|
|
.toggle-off.btn-lg{padding-left:2rem}
|
||
|
|
.toggle-handle.btn-lg{width:2.5rem}
|
||
|
|
.toggle.btn-sm{min-width:3.125rem;min-height:1.938rem}
|
||
|
|
.toggle-on.btn-sm{padding-right:1rem}
|
||
|
|
.toggle-off.btn-sm{padding-left:1rem}
|
||
|
|
.toggle.btn-xs{min-width:2.19rem;min-height:1.375rem}
|
||
|
|
.toggle-on.btn-xs{padding-right:.8rem}
|
||
|
|
.toggle-off.btn-xs{padding-left:.8rem}
|