open-consul/ui-v2/app/styles/components/secret-button.scss
John Cowen efdae83a87
ui: Use structure-icons as much as possible (#6851)
* ui: Delete a bunch of CSS that we recently moved elsewhere

* ui: Add some masking placeholders

* Switch out hashicorp logo for one from structure-icons

* Change copy-button to use new copy-action icon

* Change secret-button to use new visibility-hide/show icons

* New folder icon for KVs

* Cleanup some of the icons we no longer use

* Switch from %with-exit to standard-like %with-exit-icon

* Move all chevrons to use structure-icons properly

* Use star-fill as much as possible

* Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00

22 lines
427 B
SCSS

@import './secret-button/index';
.type-reveal {
@extend %secret-button;
}
%secret-button {
position: relative;
}
%secret-button span {
visibility: hidden;
position: absolute;
}
%secret-button em {
margin-left: 22px;
}
%secret-button span::before {
@extend %with-visibility-show-mask, %as-pseudo;
background-color: $gray-500;
}
%secret-button input:checked + span::before {
@extend %with-visibility-hide-mask;
}