From 15a5bd7a258e412e0bc9d7debc4798010b383670 Mon Sep 17 00:00:00 2001 From: Victor Fernandez de Alba Date: Wed, 30 Oct 2024 11:02:03 +0100 Subject: [PATCH] Remove the last remains of volto-vlt-threeandahalf --- .../src/theme/_main.scss | 6 -- .../src/theme/_variables.scss | 0 .../src/theme/blocks.scss | 59 ------------------- .../src/theme/button.scss | 9 --- .../src/theme/cmsui.scss | 28 --------- .../src/theme/images.scss | 14 ----- .../src/theme/layout.scss | 42 ------------- .../src/theme/widgets.scss | 8 --- 8 files changed, 166 deletions(-) delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/_main.scss delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/_variables.scss delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/blocks.scss delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/button.scss delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/cmsui.scss delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/images.scss delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/layout.scss delete mode 100644 packages/volto-vlt-threeandahalf/src/theme/widgets.scss diff --git a/packages/volto-vlt-threeandahalf/src/theme/_main.scss b/packages/volto-vlt-threeandahalf/src/theme/_main.scss deleted file mode 100644 index e4036a31..00000000 --- a/packages/volto-vlt-threeandahalf/src/theme/_main.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import 'layout'; -@import 'images'; -@import 'cmsui'; -@import 'blocks'; -@import 'button'; -@import 'widgets'; diff --git a/packages/volto-vlt-threeandahalf/src/theme/_variables.scss b/packages/volto-vlt-threeandahalf/src/theme/_variables.scss deleted file mode 100644 index e69de29b..00000000 diff --git a/packages/volto-vlt-threeandahalf/src/theme/blocks.scss b/packages/volto-vlt-threeandahalf/src/theme/blocks.scss deleted file mode 100644 index ef9f7e2b..00000000 --- a/packages/volto-vlt-threeandahalf/src/theme/blocks.scss +++ /dev/null @@ -1,59 +0,0 @@ -:root { - --image-aspect-ratio: 16 / 9; -} - -.block { - background: var(--background-color); -} - -.blocks-group-wrapper { - background-color: var(--background-color); -} - -.block.teaser { - background-color: var(--background-color); - - // &[style*='--background-color'] { - // padding: 20px 0; - // } - - .teaser-item { - color: var(--font-color, $black); - } -} - -.block.heading { - background-color: var(--background-color); - color: var(--font-color, $black); -} - -.block.separator { - background-color: var(--background-color); - - .line::after { - border-top: 1px solid var(--font-color, $black); - } -} - -.blocks-group-wrapper > .block.teaser .teaser-item.default, -.block-editor-teaser .block.teaser .teaser-item.default { - border-bottom: 1px solid var(--font-color, $black); -} - -.block.gridBlock { - background-color: var(--background-color); - - .headline { - color: var(--font-color, $black); - } - - .teaser-item { - background-color: var(--background-color-inverse); - color: var(--font-color, $black); - } -} - -.block.gridBlock .block.image img, -#page-edit .block-editor-gridBlock .block.gridBlock .block.image img { - aspect-ratio: var(--image-aspect-ratio, 16/9) !important; -} diff --git a/packages/volto-vlt-threeandahalf/src/theme/button.scss b/packages/volto-vlt-threeandahalf/src/theme/button.scss deleted file mode 100644 index 44d97cdd..00000000 --- a/packages/volto-vlt-threeandahalf/src/theme/button.scss +++ /dev/null @@ -1,9 +0,0 @@ -.block.__button { - background: var(--background-color); -} - -.block.__button .button.container { - @include variable-container-width(); - display: flex; - justify-content: var(--block-alignment, start); -} diff --git a/packages/volto-vlt-threeandahalf/src/theme/cmsui.scss b/packages/volto-vlt-threeandahalf/src/theme/cmsui.scss deleted file mode 100644 index c15cedfe..00000000 --- a/packages/volto-vlt-threeandahalf/src/theme/cmsui.scss +++ /dev/null @@ -1,28 +0,0 @@ -// Temporary, needs to be fixed in light-theme and in core altogether -.blocks-chooser .ui.form .ui.input { - height: unset; - - input { - padding-left: 5px; - } -} - -#sidebar-properties { - .field.widget { - .buttons { - display: flex; - align-items: center; - - button { - padding: 5px; - aspect-ratio: 1/1; - &[data-hovered='true'] { - box-shadow: inset 0 0 0 2px rgba(0, 112, 162, 0.5); - } - &.active { - box-shadow: inset 0 0 0 2px rgb(0, 112, 162); - } - } - } - } -} diff --git a/packages/volto-vlt-threeandahalf/src/theme/images.scss b/packages/volto-vlt-threeandahalf/src/theme/images.scss deleted file mode 100644 index e84f63c3..00000000 --- a/packages/volto-vlt-threeandahalf/src/theme/images.scss +++ /dev/null @@ -1,14 +0,0 @@ -#page-add, -#page-edit, -#page-document { - .block.image.has--block-width--full img { - max-height: 600px; - aspect-ratio: var(--image-aspect-ratio); - object-fit: cover; - } -} - -.block.image img { - aspect-ratio: var(--image-aspect-ratio); - object-fit: cover; -} diff --git a/packages/volto-vlt-threeandahalf/src/theme/layout.scss b/packages/volto-vlt-threeandahalf/src/theme/layout.scss deleted file mode 100644 index c422ac15..00000000 --- a/packages/volto-vlt-threeandahalf/src/theme/layout.scss +++ /dev/null @@ -1,42 +0,0 @@ -// Pre-BlockModelv3 - Layout -:root { - --align-left: start; - --align-center: center; - --align-right: end; -} - -@mixin variable-container-width() { - max-width: var(--block-width, --layout-container-width); - margin-right: auto; - margin-left: auto; -} - -// Container widths for configurable via block styling wrapper -[style*='--block-width: var(--narrow-container-width)'] { - @include adjustMarginsToContainer($narrow-container-width); -} -[style*='--block-width: var(--default-container-width)'] { - @include adjustMarginsToContainer($default-container-width); -} -[style*='--block-width: var(--layout-container-width)'] { - @include adjustMarginsToContainer($layout-container-width); -} - -// Image block overrides -#page-edit, -#page-add { - .block-editor-image figure.center { - @include variable-container-width(); - } - - .block-editor-image.default figure { - max-width: var(--default-container-width); - } -} - -#page-document .blocks-group-wrapper > .block.image.align.center { - @include variable-container-width(); -} -#page-document .blocks-group-wrapper > .block.image.align.center figure { - @include variable-container-width(); -} diff --git a/packages/volto-vlt-threeandahalf/src/theme/widgets.scss b/packages/volto-vlt-threeandahalf/src/theme/widgets.scss deleted file mode 100644 index e594ec43..00000000 --- a/packages/volto-vlt-threeandahalf/src/theme/widgets.scss +++ /dev/null @@ -1,8 +0,0 @@ -.color-picker-widget { - .ui.button, - .ui.button:active, - .ui.button.active:active, - .ui.button.active:hover { - background-color: var(--background-color); - } -}