aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/web-shared/src/styles/components/details.scss
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
committerivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
commitb7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch)
tree64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/web-shared/src/styles/components/details.scss
parent2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff)
downloadgreatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz
greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip
refactor: Change file structure
Diffstat (limited to 'old-apps/web-shared/src/styles/components/details.scss')
-rw-r--r--old-apps/web-shared/src/styles/components/details.scss57
1 files changed, 0 insertions, 57 deletions
diff --git a/old-apps/web-shared/src/styles/components/details.scss b/old-apps/web-shared/src/styles/components/details.scss
deleted file mode 100644
index b4c122d..0000000
--- a/old-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;
- }
-}