From 0f865e10f9117f9ab4669f99fe285a76188de12e Mon Sep 17 00:00:00 2001
From: Lightling <contact@lightling.xyz>
Date: Tue, 15 Apr 2025 18:35:42 -0400
Subject: [PATCH] tweaks

- fix deprecation warnings
- fix images not resizing inside fixed-size wrappers
- stop supporting branding tags
---
 projects/frontend/src/main.sass         |  3 +-
 projects/frontend/src/styles/embed.sass | 11 ++-
 projects/frontend/src/styles/tag.sass   | 94 -------------------------
 3 files changed, 7 insertions(+), 101 deletions(-)
 delete mode 100644 projects/frontend/src/styles/tag.sass

diff --git a/projects/frontend/src/main.sass b/projects/frontend/src/main.sass
index d181b0c..56804a3 100644
--- a/projects/frontend/src/main.sass
+++ b/projects/frontend/src/main.sass
@@ -1,2 +1,3 @@
+@use "sass:meta"
 @import 'normalize.css'
-@import './styles/embed.sass'
+@include meta.load-css('styles/embed.sass')
diff --git a/projects/frontend/src/styles/embed.sass b/projects/frontend/src/styles/embed.sass
index 861dc9d..f2bb197 100644
--- a/projects/frontend/src/styles/embed.sass
+++ b/projects/frontend/src/styles/embed.sass
@@ -1,5 +1,4 @@
-@import './mixins.scss'
-@import './tag.sass'
+@use 'mixins.scss'
 
 button
   cursor: pointer
@@ -15,13 +14,13 @@ button
   object
     border: none
   .image-wrapper
-    display: flex
+    display: grid
+    grid-template-columns: 1fr
+    grid-template-rows: 1fr
   img
     cursor: pointer
     max-width: 100%
     max-height: 100%
-    width: auto
-    height: auto
     margin: auto
 
 details
@@ -34,7 +33,7 @@ details.embed
     position: relative
     padding-left: calc(var(--theme-spacing) * 2)
     &::before
-      @include svgMask('/assets/icons/triangle.svg', contain)
+      @include mixins.svgMask('/assets/icons/triangle.svg', contain)
       content: ''
       display: block
       position: absolute
diff --git a/projects/frontend/src/styles/tag.sass b/projects/frontend/src/styles/tag.sass
deleted file mode 100644
index f2f21c4..0000000
--- a/projects/frontend/src/styles/tag.sass
+++ /dev/null
@@ -1,94 +0,0 @@
-.tag
-  &.angular
-    background-color: #c3002f
-    color: #fff
-  &.audacity
-    background-color: #00c
-    color: #f3e517
-  &.blender
-    background-color: #e87d0d
-    color: #fff
-  &.dx11
-    background-color: #000
-    color: #b7cf87
-  &.dx12
-    background-color: #000
-    color: #29ac21
-  &.electron
-    background-color: #2b2e3a
-    color: #9feaf9
-  &.github
-    background-color: #24292f
-    color: #fff
-  &.gitlab
-    background-color: #e24329
-    color: #fff
-  &.gnuimp
-    background-color: #847c62
-    color: #fff
-  &.lmms
-    background-color: #27ab5f
-    color: #fff
-  &.monogame
-    background-color: #e73c00
-    color: #fff
-  &.node
-    background-color: #333
-    color: #6c3
-  &.react 
-    background-color: #61dafb
-    color: #20232a
-  &.unity
-    background-color: #4c4c4c
-    color: #fff
-  &.unreal
-    background-color: #1d1931
-    color: #33a5f5
-  &.vs
-    background-color: #8661c5
-    color: #fff
-  &.vscode
-    background-color: #0065a9
-    color: #fff
-  &.vue
-    background-color: #41b883
-    color: #34495e
-  &.xamarin
-    background-color: #3498db
-    color: #fff
-  &.cs
-    background-color: #05930c
-    color: #fff
-  &.css
-    background-color: #2965f1
-    color: #fff
-  &.cpp
-    background-color: #00599c
-    color: #fff
-  &.glsl
-    background-color: #5586a4
-    color: #fff
-  &.hlsl
-    background-color: #000
-    color: #fff
-  &.html
-    background-color: #f14a29
-    color: #000
-  &.java
-    background-color: #5382a1
-    color: #f8981d
-  &.js
-    background-color: #f7df1e
-    color: #000
-  &.php
-    background-color: #777bb3
-    color: #000
-  &.sass
-    background-color: #c69
-    color: #fff
-  &.ts
-    background-color: #358ef1
-    color: #faf9f8
-  &.xml
-    background-color: #f14a29
-    color: #000