diff options
Diffstat (limited to 'old-apps/web-shared/src/styles/components/btn-states.scss')
| -rw-r--r-- | old-apps/web-shared/src/styles/components/btn-states.scss | 51 |
1 files changed, 0 insertions, 51 deletions
diff --git a/old-apps/web-shared/src/styles/components/btn-states.scss b/old-apps/web-shared/src/styles/components/btn-states.scss deleted file mode 100644 index a2fc6c5..0000000 --- a/old-apps/web-shared/src/styles/components/btn-states.scss +++ /dev/null @@ -1,51 +0,0 @@ -@use '../base' as *; - -/* -------------------------------- - -File#: _1_btn-states -Title: Buttons states -Descr: Multi-state button elements -Usage: codyhouse.co/license - --------------------------------- */ - -.btn__content-a { - display: inline-flex; -} - -.btn__content-b { - display: none; -} - -.btn__content-a, .btn__content-b { - align-items: center; -} - -.btn--state-b { - .btn__content-a { - display: none; - } - - .btn__content-b { - display: inline-block; // fallback - display: inline-flex; - } -} - -/* preserve button width when switching from state A to state B */ -.btn--preserve-width { - .btn__content-b { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - justify-content: center; - } - - &.btn--state-b .btn__content-a { - display: inline-block; // fallback - display: inline-flex; - visibility: hidden; - } -} |
