aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web-shared/src/styles/components/details.scss
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web-shared/src/styles/components/details.scss')
-rw-r--r--apps/web-shared/src/styles/components/details.scss57
1 files changed, 0 insertions, 57 deletions
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;
- }
-}