Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
*/
-@import '../../../assets/scss/mixins/mixin';
-@import '../../../assets/scss/variable';
- .custom-button{
+@import "../../../assets/scss/mixins/mixin";
+@import "../../../assets/scss/variable";
+button:focus:not(:focus-visible) {
+ border-color: $gray-400;
+}
+.custom-button {
label {
- @include padding-value(2,2,2,2);
+ @include padding-value(2, 2, 2, 2);
+ border: none;
&.active {
+ border: none;
@include background(null, $white, null, null, null);
- span{
+ span {
img {
opacity: 1;
}
}
span {
display: inline-block;
- @include wh-value(30px,30px);
+ @include wh-value(30px, 30px);
cursor: pointer;
border-radius: 50%;
- @include border(all,2,solid, $white);
+ @include border(all, 2, solid, $white);
@include box-shadow(0px, 1px, 3px, 0px, $dark);
@include background(null, null, null, no-repeat, center);
text-align: center;
@include line-height(25px);
img {
- width:50%;
+ width: 50%;
opacity: 0;
@include transition(all, 0.3, null, ease);
}