Reduce SCSS: rewrite Swage as CSS (#8200)

* Reduce unused SCSS

* Rename Swage .scss to .css

* Convert from SCSS to native CSS
Contribute to https://github.com/FreshRSS/FreshRSS/issues/7611

Taking advantage of:
* https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Nesting
* https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Nesting_selector
* https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors#using_math_functions

This was mostly to get started and get a better idea of the difficulties.

I am happy to see that the differences between the original SCSS and the native CSS are limited.
The relevant diff to look at is: https://github.com/FreshRSS/FreshRSS/pull/8200/commits/dd1bc7c663cf7afdde7af3161ddc213d360247ef

The main remaining issue is that the *CSS Color Module Level 4, Relative Color* is not mainstream yet, so a small compatibility section is needed with precomputed colour values.

1 files changed, 0 insertions, 38 deletions

diff --git a/p/themes/Mapco/_mixins.scss b/p/themes/Mapco/_mixins.scss
index d86cf8f07..9ba940a88 100644
--- a/p/themes/Mapco/_mixins.scss
+++ b/p/themes/Mapco/_mixins.scss
@@ -1,45 +1,7 @@
-@use "sass:list";
 /* stylelint-disable property-no-vendor-prefix */
 
 /* FUNCTIONS */
 
-//animation
-
 @mixin transition($target, $duration, $ease) {
 	transition: $target $duration $ease;
 }
-
-//animation
-
-@mixin animation-delay($delay) {
-	animation-delay: $delay;
-}
-
-//animation
-
-@mixin animation($animate...) {
-	$max: list.length($animate);
-	$animations: '';
-
-	@for $i from 1 through $max {
-		$animations: #{$animations + list.nth($animate, $i)};
-
-		@if $i < $max {
-			$animations: #{$animations + ", "};
-		}
-	}
-	animation: #{$animations};
-}
-
-//keyframes
-
-@mixin keyframes($animationName) {
-
-	@keyframes #{$animationName} {
-		@content;
-	}
-}
-
-@mixin border-radius($radius: 4px) {
-	border-radius: $radius;
-}