open-consul/ui/packages/consul-ui/app/components/secret-button/index.scss

24 lines
467 B
SCSS
Raw Normal View History

@import './skin';
@import './layout';
.type-reveal {
@extend %secret-button;
}
%secret-button {
position: relative;
}
%secret-button span {
visibility: hidden;
position: absolute;
--icon-color: rgb(var(--tone-gray-500));
}
%secret-button em {
margin-left: 22px;
}
%secret-button span::before {
@extend %with-visibility-show-mask, %as-pseudo;
visibility: visible;
}
%secret-button input:checked + span::before {
@extend %with-visibility-hide-mask;
}