From a9072370ca1eb9a5cce928b1d487db0f307edea6 Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Tue, 20 Sep 2022 15:24:27 +0800 Subject: feat: Move old apps into it's own directory --- apps/web-shared/src/styles/components/details.scss | 57 ---------------------- 1 file changed, 57 deletions(-) delete mode 100644 apps/web-shared/src/styles/components/details.scss (limited to 'apps/web-shared/src/styles/components/details.scss') diff --git a/apps/web-shared/src/styles/components/details.scss b/apps/web-shared/src/styles/components/details.scss deleted file mode 100644 index b4c122d..0000000 --- a/apps/web-shared/src/styles/components/details.scss +++ /dev/null @@ -1,57 +0,0 @@ -@use '../base' as *; - -/* -------------------------------- - -File#: _1_details -Title: Details -Descr: A button that toggles the visibility of additional information -Usage: codyhouse.co/license - --------------------------------- */ - -.details {} - -.details__summary { - display: inline-block; - cursor: pointer; - user-select: none; - - &:hover { - color: var(--color-primary); - } - - &:focus { - outline: 2px solid alpha(var(--color-primary), 0.2); - outline-offset: 4px; - } - - .icon { - flex-shrink: 0; - } -} - -// if JS = enabled -.js { - .details__summary { - list-style: none; // remove summary default icon - } - - .details__summary::-webkit-details-marker { - display: none; // remove default icon in webkit browsers - } - - .details__summary[aria-expanded="true"] .icon { - transform: rotate(90deg); // rotate icon when content is visible - } - - .details__content[aria-hidden="true"] { - display: none; - } -} - -// if JS = disabled -html:not(.js) .details__summary { - .icon { - display: none; - } -} -- cgit v1.3