Current path: home/webdevt/www/demo2/wp-content/themes/blocksy/static/sass/frontend/4-components/buttons/
?? Go up: /home/webdevt/www/demo2/wp-content/themes/blocksy/static/sass/frontend/4-components
[class*="ct-toggle"] {
display: flex;
align-items: center;
justify-content: center;
position: var(--toggle-button-position, relative);
z-index: var(--toggle-button-z-index, initial);
cursor: pointer;
appearance: none;
width: var(--toggle-button-size);
height: var(--toggle-button-size);
flex: 0 0 var(--toggle-button-size);
margin-block: var(--toggle-button-margin-block, initial);
margin-inline: var(--toggle-button-margin-start, auto) var(--toggle-button-margin-end, 0);
transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),
border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),
background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
padding: var(--toggle-button-padding, 0px) !important;
box-shadow: var(--toggle-button-shadow, none) !important;
border-radius: var(--toggle-button-radius, 0) !important;
border-width: var(--toggle-button-border-width, 0px) !important;
border-style: var(--toggle-button-border-style, solid) !important;
border-color: var(--toggle-button-border-color, transparent) !important;
background: var(--toggle-button-background, transparent) !important;
svg {
transform: var(--toggle-icon-transform);
--theme-icon-transition: transform 0.15s ease-out, fill 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
[class*="ct-toggle-close"] {
top: var(--toggle-button-top, initial);
inset-inline-end: var(--toggle-button-inset-end, 0);
--theme-icon-size: 12px;
--theme-icon-color: rgba(255, 255, 255, 0.7);
&:hover {
--toggle-icon-transform: rotate(90deg);
}
&:not([data-type="type-1"]) {
// --toggle-button-size: 33px;
--toggle-button-radius: 5px;
}
&[data-type="type-1"] {
--outline-offset: 5px;
}
&[data-type="type-2"] {
--toggle-button-border-width: 1px;
--toggle-button-border-color: rgba(0, 0, 0, 0.5);
}
&[data-type="type-3"] {
--toggle-button-background: rgba(0, 0, 0, 0.5);
}
}