ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Change to postcss

This commit is contained in:
Lorenz Padberg 2024-05-03 15:20:45 +02:00
parent 69d3fa845b
commit fdda3d4bae
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/ui/WagtailImage.vue
View File

@ -94,8 +94,7 @@ onBeforeUnmount(() => {
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="postcss">
@import 'styles/helpers';
.wagtail-image { .wagtail-image {
overflow: hidden; overflow: hidden;
@ -103,13 +102,13 @@ onBeforeUnmount(() => {
&__background { &__background {
max-height: 100%; max-height: 100%;
background-color: $color-silver-light; background-color: var(--color-silver-light);
} }
&__image { &__image {
width: 100%; width: 100%;
max-height: 100%; max-height: 100%;
object-fit: cover; // Ensures the image covers the allocated area without distorting aspect ratio object-fit: cover;
object-position: center; object-position: center;
} }
} }

1
client/src/styles/css/variables.css
View File

@ -13,6 +13,7 @@
--color-white: #ffffff; --color-white: #ffffff;
--color-silver: #d0d0d0; --color-silver: #d0d0d0;
--color-silver-light: #f0f0f0;
--color-silver-dark: #aaaaaa; --color-silver-dark: #aaaaaa;
--color-charcoal-dark: #333333; --color-charcoal-dark: #333333;