src/sass/_zs_simple_toggle.scss
/**
* Copyright 2015, Symantec Corporation
* All rights reserved.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree
*/
.simple-toggle-wrap
{
&.btn
{
border-radius:1em;
}
border: 1px solid #FFF;
cursor: pointer;
color: #333;
min-width: 100px;
text-align: left;
padding: 3px 0px 5px 5px;
background-color: #FFF;
transition:all .2s ease-in;
&.state-off
{
background: #FFF;
border-style: dashed;
&.state-inacive:after{
display: none;
}
}
&.state-on
{
background: #FFF;
border-style: solid;
}
.toggle-icon
{
color: #FFF;
float: left;
border-radius:100%;
background: #FFF;
border:1px solid #FFF;
padding: 3px;
font-size:0.8em;
transition: background-color .2s ease-in;
margin-right: 5px;
position: relative;
top: 1px;
line-height: 1;
}
.toggle-icon:after{
content: '\2713';
background: transparent;
}
.text-message {
margin-right: 5px;
}
}