From ad04647359013df178c01c7894c6fc5427d7c60c Mon Sep 17 00:00:00 2001 From: Dominik Polakovics Date: Sun, 15 Dec 2024 00:10:31 +0100 Subject: [PATCH] feat: add image zoom, remove unused things --- .gitignore | 2 +- .../Scss/components/_contentElements.scss | 19 ------------------- .../Public/Scss/components/_images.scss | 9 +++++++++ packages/base/Resources/Public/Scss/main.scss | 2 +- 4 files changed, 11 insertions(+), 21 deletions(-) delete mode 100644 packages/base/Resources/Public/Scss/components/_contentElements.scss create mode 100644 packages/base/Resources/Public/Scss/components/_images.scss diff --git a/.gitignore b/.gitignore index e88e727..db88651 100644 --- a/.gitignore +++ b/.gitignore @@ -2,7 +2,7 @@ .idea mbox nbproject -/var/* +/var !/var/labels /vendor /public/_assets diff --git a/packages/base/Resources/Public/Scss/components/_contentElements.scss b/packages/base/Resources/Public/Scss/components/_contentElements.scss deleted file mode 100644 index 61ebe9a..0000000 --- a/packages/base/Resources/Public/Scss/components/_contentElements.scss +++ /dev/null @@ -1,19 +0,0 @@ -.content-element { - margin: 2rem auto; - padding: 2rem; - background-color: #f5f5f5; // default background - - // Apply responsive widths at breakpoints using the respond mixin - - &--blue { - background-color: #cceeff; - } - - &--gray { - background-color: #eeeeee; - } - - &--image { - background: url('EXT:my_sitepackage/Resources/Public/Images/background-image.jpg') no-repeat center/cover; - } -} diff --git a/packages/base/Resources/Public/Scss/components/_images.scss b/packages/base/Resources/Public/Scss/components/_images.scss new file mode 100644 index 0000000..195017a --- /dev/null +++ b/packages/base/Resources/Public/Scss/components/_images.scss @@ -0,0 +1,9 @@ +a { + img { + transition: transform 0.3s ease; + } + + &:hover img { + transform: scale(1.05); + } +} diff --git a/packages/base/Resources/Public/Scss/main.scss b/packages/base/Resources/Public/Scss/main.scss index aa0c400..0e3ef41 100644 --- a/packages/base/Resources/Public/Scss/main.scss +++ b/packages/base/Resources/Public/Scss/main.scss @@ -4,7 +4,7 @@ @import 'abstracts/icons'; @import 'base/base'; @import 'components/navigation'; -@import 'components/contentElements'; +@import 'components/images'; @import 'components/news'; @import 'components/footer'; @import 'components/buttons';