From 5794cfc7b2ee5a0bff484582d510109df233da31 Mon Sep 17 00:00:00 2001 From: Carlos Alcaide Corvo Date: Tue, 10 Jun 2025 17:46:35 +0200 Subject: [PATCH] Delete rose cards and rose card old styles (#2872) --- .../app/styles/rose/components/_cards.scss | 9 -- .../app/styles/rose/components/_index.scss | 2 - .../styles/rose/components/card/_index.scss | 6 - .../styles/rose/components/card/_link.scss | 145 ------------------ 4 files changed, 162 deletions(-) delete mode 100644 addons/rose/app/styles/rose/components/_cards.scss delete mode 100644 addons/rose/app/styles/rose/components/card/_index.scss delete mode 100644 addons/rose/app/styles/rose/components/card/_link.scss diff --git a/addons/rose/app/styles/rose/components/_cards.scss b/addons/rose/app/styles/rose/components/_cards.scss deleted file mode 100644 index bf0032fd5..000000000 --- a/addons/rose/app/styles/rose/components/_cards.scss +++ /dev/null @@ -1,9 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: BUSL-1.1 - */ - -.rose-cards { - display: flex; - flex-wrap: wrap; -} diff --git a/addons/rose/app/styles/rose/components/_index.scss b/addons/rose/app/styles/rose/components/_index.scss index 7035bdbb7..907c97f8c 100644 --- a/addons/rose/app/styles/rose/components/_index.scss +++ b/addons/rose/app/styles/rose/components/_index.scss @@ -5,8 +5,6 @@ // This list is sorted in ascending order to improve readability -@use 'card'; -@use 'cards'; @use 'code-editor'; @use 'form'; @use 'frame'; diff --git a/addons/rose/app/styles/rose/components/card/_index.scss b/addons/rose/app/styles/rose/components/card/_index.scss deleted file mode 100644 index 4afc206e1..000000000 --- a/addons/rose/app/styles/rose/components/card/_index.scss +++ /dev/null @@ -1,6 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: BUSL-1.1 - */ - -@use 'link'; diff --git a/addons/rose/app/styles/rose/components/card/_link.scss b/addons/rose/app/styles/rose/components/card/_link.scss deleted file mode 100644 index 2296ec07c..000000000 --- a/addons/rose/app/styles/rose/components/card/_link.scss +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: BUSL-1.1 - */ - -@use 'sass:map'; -@use '../../variables/sizing'; -@use '../../variables/typography'; -@use '../../utilities/type'; - -$xxxs: sizing.rems(xxxs); // 2 - -.rose-card-link { - --background-color-light: transparent; - --background-color-dark: var(--ui-gray-subtler-6); - --background-color: var(--background-color-light); - - .ember-application.rose-theme-light & { - --background-color: var(--background-color-light); - } - - @media (prefers-color-scheme: dark) { - --background-color: var(--background-color-dark); - } - - .ember-application.rose-theme-dark & { - --background-color: var(--background-color-dark); - } - - @include type.type(s); - - border: sizing.rems(xxxxs) solid var(--ui-gray-subtler-2); - border-radius: sizing.rems(xxxs); - color: var(--ui-gray); - display: inline-flex; - flex-direction: column; - margin: 0 sizing.rems(m) sizing.rems(m) 0; - box-shadow: - 0 $xxxs $xxxs rgba(var(--stark-components), var(--opacity-4)), - 0 $xxxs $xxxs rgba(var(--stark-components), var(--opacity-4)); - background-color: var(--background-color); - - a { - text-decoration: none; - margin: 0; - padding: 0; - height: 100%; - - // TODO: Figure out better method of defining card dimensions - min-height: sizing.rems(m) * 8; // 6 rems - width: sizing.rems(m) * 16; // 12 rems - } - - &:hover { - $s: sizing.rems(s); // 12 - $xs: sizing.rems(xs); // 8 - $xxs: sizing.rems(xxs); // 4 - - border-color: var(--ui-gray); - background-color: var(--ui-gray-subtler-5); - box-shadow: - 0 $xs $s rgba(var(--stark-components), var(--opacity-3)), - 0 $xxs $xxs rgba(var(--stark-components), var(--opacity-4)); - - .rose-card-link-description, - .rose-card-link-footer-id { - color: var(--stark); - } - } - - &:active { - background-color: var(--ui-gray-subtler-4); - } - - &:focus-within { - border-color: var(--info); - } - - .rose-card-link-header, - .rose-card-link-body, - .rose-card-link-footer { - padding-left: sizing.rems(m); - padding-right: sizing.rems(m); - } - - .rose-card-link-header { - padding-top: sizing.rems(m); - } - - .rose-card-link-footer { - margin-top: sizing.rems(xs) + sizing.rems(xxs); - padding-top: sizing.rems(xs) * 2; - padding-bottom: sizing.rems(xs) * 2; - border-top: sizing.rems(xxxxs) solid var(--ui-gray-subtler-2); - } - - .rose-card-link-title { - @include type.type(m, semibold); - - display: flex; - color: var(--stark); - margin: 0; - margin-bottom: sizing.rems(xs); - - .rose-card-link-title-text { - flex-grow: 1; - height: typography.line-height(m) * 2rem; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; - } - } - - .rose-card-link-description { - color: var(--ui-gray); - margin: 0; - height: typography.line-height(m) * 2rem; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; - } - - .rose-card-link-footer-id { - @include type.type(xs); - - color: var(--ui-gray); - margin: 0; - - &::before { - content: 'ID'; - color: var(--stark); - padding-right: sizing.rems(xs); - } - } - - // .rose-card-link-description { - // margin: auto 0 0; - // color: var(--ui-gray); - // white-space: nowrap; - // overflow: hidden; - // text-overflow: ellipsis; - // } -}