Update dev dependencies stylelint SASS (#4173)

* Update dev dependencies stylelint SASS
Major update for stylelint with breaking changes
https://stylelint.io/migration-guide/to-14/

Applied automatic SASS migration to current syntax
https://sass-lang.com/documentation/cli/migrator#migrations

And a few manual fixes such as:
https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/dollar-variable-no-missing-interpolation/README.md

Other dev dependencies are minor updates.

* RTLCSS

* Fix color-hex-length bug

* Implement make bin/composer

* Update git hash

18 files changed, 284 insertions, 265 deletions

diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss
index 58338db18..105352b8a 100644
--- a/p/themes/Ansum/_components.scss
+++ b/p/themes/Ansum/_components.scss
@@ -1,3 +1,9 @@
+@use "sass:string";
+
+@use "mixins";
+
+@use "variables";
+
 /*=== COMPONENTS */
 /*===============*/
 /*=== Forms */
@@ -22,7 +28,7 @@
 .dropdown-menu {
 	margin: 9px 0 0 0;
 	padding: 0.5rem 0 1rem 0;
-	background: $grey-lighter;
+	background: variables.$grey-lighter;
 	font-size: 1rem;
 	border: none;
 	border-radius: 3px;
@@ -39,7 +45,7 @@
 		margin: 1.75rem 0 0.5rem 2rem;
 		font-weight: bold;
 		text-align: left;
-		color: $grey-dark;
+		color: variables.$grey-dark;
 		text-transform: uppercase;
 		letter-spacing: 1px;
 
@@ -48,22 +54,22 @@
 
 	.item {
 
-		@include transition(all, 0.075s, ease-in-out);
+		@include mixins.transition(all, 0.075s, ease-in-out);
 
 		a, span, .as-link {
 			padding: 0 2rem;
-			color: $main-font-color;
+			color: variables.$main-font-color;
 			font-size: 1rem;
 			line-height: 2.5em;
 		}
 
 		&:hover {
-			background: $main-first;
-			color: $white;
+			background: variables.$main-first;
+			color: variables.$white;
 
 			a, button {
 				text-decoration: none;
-				color: $white;
+				color: variables.$white;
 			}
 
 			.icon {
@@ -89,7 +95,7 @@
 
 	.separator {
 		margin: 0.75rem 0;
-		border-bottom: 1px solid $grey-light;
+		border-bottom: 1px solid variables.$grey-light;
 		// display: none;
 	}
 
@@ -102,15 +108,15 @@
 
 		a,
 		button {
-			color: $main-font-color;
+			color: variables.$main-font-color;
 
 			&:hover {
-				color: $white;
+				color: variables.$white;
 			}
 		}
 
 		&:hover {
-			background: $main-first;
+			background: variables.$main-first;
 		}
 	}
 }
@@ -123,12 +129,12 @@
 	margin: 1rem 0;
 	// width: 100%;
 	padding: 1rem;
-	background: $grey-lighter;
-	color: $grey-dark;
+	background: variables.$grey-lighter;
+	color: variables.$grey-dark;
 	font-size: 1rem;
-	border: 1px solid $grey-medium;
+	border: 1px solid variables.$grey-medium;
 	border-radius: 3px;
-	text-shadow: 0 0 1px $grey-light;
+	text-shadow: 0 0 1px variables.$grey-light;
 }
 
 .alert-head {
@@ -141,48 +147,48 @@
 }
 
 .alert-warn {
-	background: $warning-light;
-	color: $warning-text;
-	border: 1px solid unquote($warning-text+'33'); // on ajoute l’opacité à la fin
+	background: variables.$warning-light;
+	color: variables.$warning-text;
+	border: 1px solid string.unquote(variables.$warning-text + '33'); // on ajoute l’opacité à la fin
 }
 
 .alert-success {
-	background: $success-light;
-	color: $success-text;
-	border: 1px solid unquote($success-text+'33');
+	background: variables.$success-light;
+	color: variables.$success-text;
+	border: 1px solid string.unquote(variables.$success-text + '33');
 }
 
 .alert-error {
-	background: $alert-light;
-	color: $alert-text;
-	border: 1px solid unquote($alert-text+'33');
+	background: variables.$alert-light;
+	color: variables.$alert-text;
+	border: 1px solid string.unquote(variables.$alert-text + '33');
 }
 
 /*=== Pagination */
 .pagination {
-	background: $grey-light;
-	color: $main-font-color;
+	background: variables.$grey-light;
+	color: variables.$main-font-color;
 	font-size: 0.8em;
 	text-align: center;
 
 	.item {
 		&.pager-current {
-			background: $sid-bg;
-			color: $grey-light;
+			background: variables.$sid-bg;
+			color: variables.$grey-light;
 			font-size: 1.5em;
 			font-weight: bold;
 		}
 
 		a {
 			display: block;
-			color: $main-font-color;
+			color: variables.$main-font-color;
 			font-style: italic;
 			line-height: 3em;
 			text-decoration: none;
 
 			&:hover {
-				background: $main-font-color;
-				color: $grey-light;
+				background: variables.$main-font-color;
+				color: variables.$grey-light;
 			}
 		}
 	}
@@ -202,7 +208,7 @@
 
 /*=== Boxes */
 .box {
-	background: $white;
+	background: variables.$white;
 	// border: 1px solid #ddd;
 	border: none;
 	border-radius: 3px;
@@ -211,8 +217,8 @@
 	.box-title {
 		margin: 0;
 		padding: 0.5rem 0.75rem;
-		background: $grey-light;
-		color: $main-font-color;
+		background: variables.$grey-light;
+		color: variables.$main-font-color;
 		// border-bottom: 1px solid #ddd;
 		border-radius: 2px 2px 0 0;
 
@@ -233,7 +239,7 @@
 				}
 
 				&:hover {
-					background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+					background: url("icons/cog-white.svg") no-repeat 4px 4px variables.$main-first;
 				}
 			}
 		}
@@ -272,9 +278,9 @@
 
 		.item {
 			padding: 0.5rem 0;
-			color: $main-font-color;
+			color: variables.$main-font-color;
 			font-size: 1rem;
-			border-bottom: 1px solid $grey-light;
+			border-bottom: 1px solid variables.$grey-light;
 			line-height: 1.7em;
 
 			img {
@@ -298,7 +304,7 @@
 
 				&:hover {
 					// background: $main-first;
-					background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+					background: url("icons/cog-white.svg") no-repeat 4px 4px variables.$main-first;
 				}
 			}
 
@@ -314,13 +320,13 @@
 #bigMarkAsRead {
 	text-align: center;
 	text-decoration: none;
-	background: $main-first-light;
-	color: $main-first;
+	background: variables.$main-first-light;
+	color: variables.$main-first;
 
-	@include transition(all, 0.15s, ease-in-out);
+	@include mixins.transition(all, 0.15s, ease-in-out);
 
 	&:hover {
-		background: $main-first;
+		background: variables.$main-first;
 		color: #fff;
 
 		.bigTick {
@@ -341,7 +347,7 @@
 
 // page de login
 .formLogin {
-	background: $sid-bg;
+	background: variables.$sid-bg;
 
 	.header {
 		.configure {
@@ -352,13 +358,13 @@
 			}
 
 			a.signin {
-				color: $white;
+				color: variables.$white;
 			}
 		}
 	}
 
 	h1 {
-		color: $white;
+		color: variables.$white;
 	}
 
 	form#crypto-form {
@@ -366,18 +372,18 @@
 			margin-bottom: 1rem;
 
 			label {
-				color: $grey-medium;
+				color: variables.$grey-medium;
 				font-size: 1rem;
 
 
 			}
 
 			input {
-				background: $main-first-darker;
+				background: variables.$main-first-darker;
 
 				&:focus {
-					background: $grey-lighter;
-					color: $main-font-color;
+					background: variables.$grey-lighter;
+					color: variables.$main-font-color;
 				}
 			}
 		}
diff --git a/p/themes/Ansum/_configuration.scss b/p/themes/Ansum/_configuration.scss
index 26e9d65fe..e2f9d054a 100644
--- a/p/themes/Ansum/_configuration.scss
+++ b/p/themes/Ansum/_configuration.scss
@@ -1,3 +1,5 @@
+@use "variables";
+
 /*=== Configuration pages */
 .post {
 	padding: 1rem 2rem;
@@ -33,7 +35,7 @@
 
 	h1, h2 { // pages titles
 		// font-family: "spectral";
-		color: $main-font-color;
+		color: variables.$main-font-color;
 		font-size: 3rem;
 		margin-top: 1.75rem;
 		font-weight: 300;
@@ -43,12 +45,12 @@
 	a[href="./"] { // C’est le bouton "Retour à vos flux"
 		margin: 0;
 		padding: 0.75rem 1.5rem;
-		background: $grey-lighter;
+		background: variables.$grey-lighter;
 		display: inline-block;
 		// border: none;
-		color: $grey-dark;
+		color: variables.$grey-dark;
 		font-size: 1rem;
-		border: 1px solid $grey-medium-light;
+		border: 1px solid variables.$grey-medium-light;
 		border-radius: 5px;
 		// min-height: 38px;
 		min-width: 15px;
@@ -58,9 +60,9 @@
 		overflow: hidden;
 
 		&:hover {
-			background: $main-first;
+			background: variables.$main-first;
 			color: white;
-			border: 1px solid $main-first;
+			border: 1px solid variables.$main-first;
 			text-decoration: none;
 		}
 	}
diff --git a/p/themes/Ansum/_forms.scss b/p/themes/Ansum/_forms.scss
index bb2bc5d51..062cfc2fd 100644
--- a/p/themes/Ansum/_forms.scss
+++ b/p/themes/Ansum/_forms.scss
@@ -1,10 +1,14 @@
+@use "mixins";
+
+@use "variables";
+
 /* btns */
 .btn {
 	margin: 0;
 	padding: 0.5rem 1.5rem;
-	background: $grey-lighter;
+	background: variables.$grey-lighter;
 	display: inline-block;
-	color: $grey-dark;
+	color: variables.$grey-dark;
 	font-size: 1rem;
 	border: none;
 	border-radius: 5px;
@@ -15,27 +19,27 @@
 	cursor: pointer;
 	overflow: hidden;
 
-	@include transition(all, 0.15s, ease-in-out);
+	@include mixins.transition(all, 0.15s, ease-in-out);
 
 	&.btn-important {
-		background: $main-first;
-		color: $white;
+		background: variables.$main-first;
+		color: variables.$white;
 
 		// @include transition(all, 0.15s, ease-in-out);
 		&:hover,
 		&:active {
-			background: $main-first-alt;
+			background: variables.$main-first-alt;
 		}
 	}
 
 
 	&.btn-attention {
-		background: $alert-bg;
+		background: variables.$alert-bg;
 		color: #fff;
 
 		&:hover,
 		&:active {
-			background: $alert-text;
+			background: variables.$alert-text;
 		}
 	}
 
@@ -66,7 +70,7 @@ label {
 	min-height: 25px;
 	padding: 5px 0;
 	cursor: pointer;
-	color: $grey-dark;
+	color: variables.$grey-dark;
 }
 
 textarea {
@@ -77,11 +81,11 @@ textarea {
 
 input, select, textarea, button {
 	padding: 5px 10px;
-	background: $white;
-	color: $grey-dark;
+	background: variables.$white;
+	color: variables.$grey-dark;
 	font-family: "lato", "Helvetica", "Arial", sans-serif;
 	font-size: 1rem;
-	border: 1px solid $grey-light;
+	border: 1px solid variables.$grey-light;
 	border-radius: 2px;
 	min-height: 25px;
 	line-height: 25px;
@@ -93,18 +97,18 @@ option {
 }
 
 input:focus, select:focus, textarea:focus {
-	color: $main-font-color;
-	border-color: $main-first;
+	color: variables.$main-font-color;
+	border-color: variables.$main-first;
 }
 
 input:invalid, select:invalid {
-	color: $alert-bg;
-	border-color: $alert-bg;
+	color: variables.$alert-bg;
+	border-color: variables.$alert-bg;
 	box-shadow: none;
 }
 
 input:disabled, select:disabled {
-	background: $grey-light;
+	background: variables.$grey-light;
 }
 
 input.extend {
diff --git a/p/themes/Ansum/_global-view.scss b/p/themes/Ansum/_global-view.scss
index 7d24a9109..c2055c64f 100644
--- a/p/themes/Ansum/_global-view.scss
+++ b/p/themes/Ansum/_global-view.scss
@@ -1,3 +1,5 @@
+@use "variables";
+
 /*=== GLOBAL VIEW */
 /*================*/
 #stream {
@@ -20,7 +22,7 @@
 			background: none;
 
 			a.title {
-				color: $grey-dark;
+				color: variables.$grey-dark;
 				font-size: 1rem;
 				font-weight: normal;
 				text-decoration: none;
@@ -31,7 +33,7 @@
 				&:not([data-unread="0"])::after {
 					margin: -0.5rem 1rem 0 0;
 					padding: 0 0.75rem;
-					background: $grey-light;
+					background: variables.$grey-light;
 					border-radius: 12px;
 					position: absolute;
 					top: 1.75rem;
@@ -41,7 +43,7 @@
 				}
 
 				&:hover {
-					color: $main-first;
+					color: variables.$main-first;
 				}
 			}
 		}
@@ -55,11 +57,11 @@
 				font-size: 1rem;
 
 				a {
-					color: $main-font-color;
+					color: variables.$main-font-color;
 					font-weight: 400;
 
 					&:hover {
-						color: $main-first;
+						color: variables.$main-first;
 						text-decoration: none;
 					}
 				}
diff --git a/p/themes/Ansum/_layout.scss b/p/themes/Ansum/_layout.scss
index 632122e3c..0411a1236 100644
--- a/p/themes/Ansum/_layout.scss
+++ b/p/themes/Ansum/_layout.scss
@@ -1,9 +1,13 @@
+@use "mixins";
+
+@use "variables";
+
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */
 .header {
 	padding: 0.5rem 1.35rem;
-	background: $sid-bg;
+	background: variables.$sid-bg;
 	display: block;
 	width: auto;
 	table-layout: none;
@@ -31,22 +35,22 @@
 			// width: 50%;
 			input {
 				width: 230px;
-				color: $sid-font-color;
+				color: variables.$sid-font-color;
 				border: none;
 				border-radius: 2px 0 0 2px;
-				background-color: $sid-bg-alt;
+				background-color: variables.$sid-bg-alt;
 
-				@include transition(all, 0.15s, ease-in-out);
+				@include mixins.transition(all, 0.15s, ease-in-out);
 
 				&:hover {
-					background-color: $sid-bg-dark;
+					background-color: variables.$sid-bg-dark;
 				}
 
 				&:focus {
 					width: 350px;
-					color: $grey-dark;
+					color: variables.$grey-dark;
 
-					background-color: $white;
+					background-color: variables.$white;
 				}
 			}
 
@@ -56,7 +60,7 @@
 				width: 3rem;
 				border-radius: 0 2px 2px 0;
 
-				background-color: $main-first;
+				background-color: variables.$main-first;
 				background-position: center;
 				background-repeat: no-repeat;
 				background-image: url(icons/magnifier.svg);
@@ -65,7 +69,7 @@
 				min-height: 35px;
 
 				&:hover {
-					background-color: $main-first-alt;
+					background-color: variables.$main-first-alt;
 				}
 			}
 		}
@@ -134,19 +138,19 @@
 
 /*=== New article notification */
 #new-article {
-	background: $main-first;
+	background: variables.$main-first;
 	font-size: 1rem;
 	text-align: center;
 }
 
 #new-article:hover {
-	background: $main-first-alt;
+	background: variables.$main-first-alt;
 }
 
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
-	color: $white;
+	color: variables.$white;
 }
 
 #new-article > a:hover {
@@ -156,7 +160,7 @@
 /*=== Day indication */
 .day {
 	padding: 1rem 0 0 1.25rem;
-	color: $light-font-color;
+	color: variables.$light-font-color;
 	font-size: 0.875rem;
 	font-weight: 700;
 	line-height: 3em;
@@ -166,7 +170,7 @@
 	.name {
 		padding: 0 1rem 0 1rem;
 		// font-weight: 700;
-		color: $main-font-color;
+		color: variables.$main-font-color;
 		font-size: 0.875rem;
 		position: relative;
 		left: 0;
@@ -184,33 +188,33 @@
 	.btn {
 		border-left-width: 0;
 		padding: 0.5rem 1rem;
-		background-color: $grey-lighter;
+		background-color: variables.$grey-lighter;
 		background-position: center;
 		background-repeat: no-repeat;
 
 		&:hover {
-			background-color: $grey-light;
+			background-color: variables.$grey-light;
 		}
 	}
 
 	.stick {
-		background: $grey-lighter;
+		background: variables.$grey-lighter;
 
 		.btn {
 			border-left-width: 0;
 			padding: 0.5rem 1rem;
-			background-color: $grey-lighter;
+			background-color: variables.$grey-lighter;
 			background-position: center;
 			background-repeat: no-repeat;
 
-			@include transition(all, 0.15s, ease-in-out);
+			@include mixins.transition(all, 0.15s, ease-in-out);
 
 			&:hover {
-				background-color: $grey-medium-light;
+				background-color: variables.$grey-medium-light;
 			}
 
 			&.active {
-				background-color: $main-first;
+				background-color: variables.$main-first;
 			}
 
 			img.icon {display: none;} // on efface pour afficher nos icones, mouhahaha !!
@@ -253,13 +257,13 @@
 			&.read_all {
 				padding: 5px 16px;
 				// min-height: 0;
-				color: $main-font-color;
-				background-color: $grey-lighter;
+				color: variables.$main-font-color;
+				background-color: variables.$grey-lighter;
 
-				@include transition(all, 0.15s, ease-in-out);
+				@include mixins.transition(all, 0.15s, ease-in-out);
 
 				&:hover {
-					background-color: $grey-medium-light;
+					background-color: variables.$grey-medium-light;
 				}
 			}
 
@@ -319,19 +323,19 @@
 
 	h1.title, h1 {
 		a {
-			color: $main-font-color;
+			color: variables.$main-font-color;
 			font-family: "spectral", serif;
 			font-size: 2rem;
 
 			&:hover {
-				color: $main-first;
+				color: variables.$main-first;
 				text-decoration: none;
 			}
 		}
 	}
 
 	.author {
-		color: $light-font-color;
+		color: variables.$light-font-color;
 		font-size: 1.125rem;
 	}
 
@@ -342,7 +346,7 @@
 
 	.content hr {
 		margin: 30px 10px;
-		background: $grey-medium-light;
+		background: variables.$grey-medium-light;
 		height: 1px;
 		border: 0;
 		box-shadow: 0 2px 5px #ccc;
@@ -352,22 +356,22 @@
 		margin: 10px auto;
 		padding: 10px 20px;
 		overflow: auto;
-		background: $main-first-darker;
-		color: $white;
+		background: variables.$main-first-darker;
+		color: variables.$white;
 		font-size: 0.9rem;
 		border-radius: 3px;
 
 		code {
 			background: transparent;
-			color: $white;
+			color: variables.$white;
 			border: none;
 		}
 	}
 
 	code {
 		padding: 2px 5px;
-		background: $grey-lighter;
-		border: 1px solid $grey-light;
+		background: variables.$grey-lighter;
+		border: 1px solid variables.$grey-light;
 		border-radius: 3px;
 	}
 
@@ -375,11 +379,11 @@
 	blockquote {
 		margin: 0;
 		padding: 5px 20px;
-		background: $grey-lighter;
+		background: variables.$grey-lighter;
 		display: block;
-		color: $main-font-color;
-		border-top: 1px solid $grey-medium-light;
-		border-bottom: 1px solid $grey-medium-light;
+		color: variables.$main-font-color;
+		border-top: 1px solid variables.$grey-medium-light;
+		border-bottom: 1px solid variables.$grey-medium-light;
 
 		p {
 			margin: 0;
@@ -393,10 +397,10 @@
 .notification {
 
 	padding: 1rem 0;
-	background: $grey-medium-light;
+	background: variables.$grey-medium-light;
 	width: 100%;
 	height: 3rem;
-	color: $grey-dark;
+	color: variables.$grey-dark;
 	// font-weight: bold;
 	font-size: 1em;
 	// border-radius: 3px;
@@ -417,13 +421,13 @@
 	}
 
 	&.good {
-		background: $success-bg;
-		color: $white;
+		background: variables.$success-bg;
+		color: variables.$white;
 	}
 
 	&.bad {
-		background: $alert-bg;
-		color: $white;
+		background: variables.$alert-bg;
+		color: variables.$white;
 	}
 
 	a.close {
@@ -433,11 +437,11 @@
 	}
 
 	&.good a.close:hover {
-		background: $success-text;
+		background: variables.$success-text;
 	}
 
 	&.bad a.close:hover {
-		background: $alert-text;
+		background: variables.$alert-text;
 	}
 
 	&#actualizeProgress {
@@ -456,5 +460,5 @@
 	text-align: center;
 	line-height: 3em;
 	table-layout: fixed;
-	background: $sid-bg;
+	background: variables.$sid-bg;
 }
diff --git a/p/themes/Ansum/_list-view.scss b/p/themes/Ansum/_list-view.scss
index 347e2e6dc..f21f472d8 100644
--- a/p/themes/Ansum/_list-view.scss
+++ b/p/themes/Ansum/_list-view.scss
@@ -1,68 +1,74 @@
+@use "sass:color";
+
+@use "mixins";
+
+@use "variables";
+
 /*=== Feed articles */
 .flux {
 	// border-left: 2px solid #ecf0f1;
-	background: $white;
+	background: variables.$white;
 
-	@include transition(all, 0.15s, ease-in-out);
+	@include mixins.transition(all, 0.15s, ease-in-out);
 
 	&:hover {
-		background: $grey-lighter;
+		background: variables.$grey-lighter;
 
 		&:not(.current):hover .item.title {
-			background: $grey-lighter;
+			background: variables.$grey-lighter;
 
 
 		}
 	}
 
 	&.current {
-		background: $white;
-		border-left-color: $main-first;
+		background: variables.$white;
+		border-left-color: variables.$main-first;
 	}
 
 	&.not_read:not(.current) {
-		background: $unread-bg; //--------------------
+		background: variables.$unread-bg; //--------------------
 
 		&:hover .item.title {
-			background: $unread-bg;
+			background: variables.$unread-bg;
 		}
 	}
 
 	&.not_read {
 		.item.title {
 			a {
-				color: $unread-font-color; //--------------------
+				color: variables.$unread-font-color; //--------------------
 			}
 		}
 
 		.item.website {
 			a {
-				color: $unread-font-color; //--------------------
+				color: variables.$unread-font-color; //--------------------
 			}
 		}
 
 		.item.date {
-			color: scale-color($unread-font-color, $alpha: -50%);
+			color: color.scale(variables.$unread-font-color, $alpha: -50%);
 		}
 	}
 
 	&.favorite {
-		border-left-color: $fav-bg;
+		border-left-color: variables.$fav-bg;
 
-		@include transition(all, 0.15s, ease-in-out);
+		@include mixins.transition(all, 0.15s, ease-in-out);
 	}
 
 	&.favorite:not(.current) {
-		background: $fav-light;
+		background: variables.$fav-light;
 
 		&:hover .item.title {
-			background: $fav-light;
+			background: variables.$fav-light;
 		}
 	}
 
 	.website {
 		a {
-			color: $main-font-color;
+			color: variables.$main-font-color;
 			opacity: 0.75;
 		}
 
@@ -72,7 +78,7 @@
 	}
 
 	.item.date {
-		color: scale-color($main-font-color, $alpha: -50%);
+		color: color.scale(variables.$main-font-color, $alpha: -50%);
 		font-size: 0.85rem;
 	}
 
@@ -85,7 +91,7 @@
 .flux_header {
 	font-size: 1rem;
 	cursor: pointer;
-	border-top: 1px solid $grey-light;
+	border-top: 1px solid variables.$grey-light;
 
 	.title {
 		font-size: 1rem;
diff --git a/p/themes/Ansum/_logs.scss b/p/themes/Ansum/_logs.scss
index 82eead3c9..2ea26e68b 100644
--- a/p/themes/Ansum/_logs.scss
+++ b/p/themes/Ansum/_logs.scss
@@ -1,15 +1,17 @@
+@use "variables";
+
 /*=== LOGS */
 /*=========*/
 .loglist {
 	overflow: hidden;
-	border: 1px solid $grey-medium-dark;
+	border: 1px solid variables.$grey-medium-dark;
 }
 
 .log {
 	margin: 10px 0;
 	padding: 5px 2%;
-	background: $grey-lighter;
-	color: $grey-dark;
+	background: variables.$grey-lighter;
+	color: variables.$grey-dark;
 	font-size: 0.8rem;
 	overflow: auto;
 }
@@ -21,19 +23,19 @@
 }
 
 .log.error > .date {
-	background: $alert-bg;
+	background: variables.$alert-bg;
 	color: #fff;
 }
 
 .log.warning > .date {
-	background: $warning-bg;
+	background: variables.$warning-bg;
 }
 
 .log.notice > .date {
-	background: $grey-light;
+	background: variables.$grey-light;
 }
 
 .log.debug > .date {
-	background: $main-first-darker;
-	color: $white;
+	background: variables.$main-first-darker;
+	color: variables.$white;
 }
diff --git a/p/themes/Ansum/_mixins.scss b/p/themes/Ansum/_mixins.scss
index 84ef1d492..d86cf8f07 100644
--- a/p/themes/Ansum/_mixins.scss
+++ b/p/themes/Ansum/_mixins.scss
@@ -1,3 +1,4 @@
+@use "sass:list";
 /* stylelint-disable property-no-vendor-prefix */
 
 /* FUNCTIONS */
@@ -5,65 +6,40 @@
 //animation
 
 @mixin transition($target, $duration, $ease) {
-	-webkit-transition: $target $duration $ease;
-	-moz-transition: $target $duration $ease;
-	-o-transition: $target $duration $ease;
 	transition: $target $duration $ease;
 }
 
 //animation
 
 @mixin animation-delay($delay) {
-	-webkit-animation-delay: $delay;
-	/* Safari 4.0 - 8.0 */
 	animation-delay: $delay;
 }
 
 //animation
 
 @mixin animation($animate...) {
-	$max: length($animate);
+	$max: list.length($animate);
 	$animations: '';
 
 	@for $i from 1 through $max {
-		$animations: #{$animations + nth($animate, $i)};
+		$animations: #{$animations + list.nth($animate, $i)};
 
 		@if $i < $max {
 			$animations: #{$animations + ", "};
 		}
 	}
-	-webkit-animation: $animations;
-	-moz-animation: $animations;
-	-o-animation: $animations;
-	animation: $animations;
+	animation: #{$animations};
 }
 
 //keyframes
 
 @mixin keyframes($animationName) {
 
-	@-webkit-keyframes #{$animationName} {
-		@content;
-	}
-
-	@-moz-keyframes #{$animationName} {
-		@content;
-	}
-
-	@-o-keyframes #{$animationName} {
-		@content;
-	}
-
 	@keyframes #{$animationName} {
 		@content;
 	}
 }
 
 @mixin border-radius($radius: 4px) {
-	-moz-border-radius: $radius;
-	-webkit-border-radius: $radius;
-	-ms-border-radius: $radius;
-	-o-border-radius: $radius;
-	-khtml-border-radius: $radius;
 	border-radius: $radius;
 }
diff --git a/p/themes/Ansum/_mobile.scss b/p/themes/Ansum/_mobile.scss
index 824bb1056..c8399169b 100644
--- a/p/themes/Ansum/_mobile.scss
+++ b/p/themes/Ansum/_mobile.scss
@@ -1,3 +1,7 @@
+@use "mixins";
+
+@use "variables";
+
 /*=== MOBILE */
 /*===========*/
 
@@ -18,18 +22,18 @@
 				box-sizing: border-box;
 				padding: 1rem 1rem 1rem 2.5rem;
 
-				background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center;
+				background: url("../../themes/icons/logout.svg") no-repeat variables.$sid-bg-dark 3% center;
 				display: inline-block;
 				width: 100%;
-				color: $sid-font-color;
+				color: variables.$sid-font-color;
 
-				@include transition(all, 0.2s, ease-in-out);
+				@include mixins.transition(all, 0.2s, ease-in-out);
 
 				&:hover,
 				&:active {
-					background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center;
+					background: url("../../themes/icons/logout.svg") no-repeat variables.$alert-bg 3% center;
 					text-decoration: none;
-					color: $white;
+					color: variables.$white;
 				}
 			}
 
@@ -43,7 +47,7 @@
 
 	.aside {
 
-		@include transition(all, 0.2s, ease-in-out);
+		@include mixins.transition(all, 0.2s, ease-in-out);
 
 		&.aside_feed {
 			padding: 0;
@@ -58,7 +62,7 @@
 	#panel .close,
 	#close-slider.active,
 	.dropdown-menu .toggle_aside {
-		background: $main-first-alt;
+		background: variables.$main-first-alt;
 		display: block;
 		width: 100%;
 		height: 50px;
@@ -149,9 +153,9 @@
 
 	.dropdown-target:target {
 		~ .dropdown-toggle::after {
-			background-color: $grey-lighter;
-			border-top: 1px solid $grey-light;
-			border-left: 1px solid $grey-light;
+			background-color: variables.$grey-lighter;
+			border-top: 1px solid variables.$grey-light;
+			border-left: 1px solid variables.$grey-light;
 			right: 21px;
 			bottom: -14px;
 		}
diff --git a/p/themes/Ansum/_reader-view.scss b/p/themes/Ansum/_reader-view.scss
index e75e43d00..3390985b0 100644
--- a/p/themes/Ansum/_reader-view.scss
+++ b/p/themes/Ansum/_reader-view.scss
@@ -1,14 +1,16 @@
+@use "variables";
+
 /*=== READER VIEW */
 /*================*/
 #stream.reader .flux {
 	padding: 0 0 50px;
-	background: $grey-light;
-	color: $main-font-color;
+	background: variables.$grey-light;
+	color: variables.$main-font-color;
 	border: none;
 }
 
 #stream.reader .flux .author {
 	margin: 0 0 10px;
-	color: $grey-medium-dark;
+	color: variables.$grey-medium-dark;
 	font-size: 90%;
 }
diff --git a/p/themes/Ansum/_sidebar.scss b/p/themes/Ansum/_sidebar.scss
index d9a1d032f..0efbdaf4b 100644
--- a/p/themes/Ansum/_sidebar.scss
+++ b/p/themes/Ansum/_sidebar.scss
@@ -1,19 +1,25 @@
+@use "sass:string";
+
+@use "mixins";
+
+@use "variables";
+
 /*=== Tree */
 .tree {
 	margin: 10px 0;
 
 	&#sidebar {
 		scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05);
-		scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22");
+		scrollbar-color: string.unquote(variables.$sid-font-color + "33") string.unquote(variables.$sid-font-color + "22");
 	}
 
 	.tree-folder {
-		border-bottom: 1px solid $sid-sep;
+		border-bottom: 1px solid variables.$sid-sep;
 		box-shadow: inset -1px -11px 8px #0003;
 
 		.tree-folder-title {
 			padding: 12px 16px;
-			background: $sid-bg;
+			background: variables.$sid-bg;
 			position: relative;
 			font-size: 0.85rem;
 			letter-spacing: 1px;
@@ -22,7 +28,7 @@
 
 			.title {
 				background: inherit;
-				color: $sid-font-color;
+				color: variables.$sid-font-color;
 
 				&:hover {
 					text-decoration: none;
@@ -32,13 +38,13 @@
 
 		&.active {
 			.tree-folder-title {
-				background: $sid-bg;
+				background: variables.$sid-bg;
 				font-weight: bold;
 			}
 		}
 
 		.tree-folder-items {
-			background: $sid-bg-alt;
+			background: variables.$sid-bg-alt;
 
 			.item {
 				padding: 0 1rem;
@@ -46,38 +52,38 @@
 				font-size: 1rem;
 				font-weight: 400;
 
-				@include transition(all, 0.15s, ease-in-out);
+				@include mixins.transition(all, 0.15s, ease-in-out);
 
 				&.active {
-					background: $sid-active;
+					background: variables.$sid-active;
 
 					.dropdown li a {
-						color: $main-font-color;
+						color: variables.$main-font-color;
 
 						&:hover {
-							color: $sid-font-color;
+							color: variables.$sid-font-color;
 						}
 					}
 
 					a {
-						color: $sid-active-font;
+						color: variables.$sid-active-font;
 					}
 				}
 
 				&:hover {
-					background: $sid-bg-dark;
+					background: variables.$sid-bg-dark;
 				}
 
 				a {
 					text-decoration: none;
-					color: $sid-font-color;
+					color: variables.$sid-font-color;
 				}
 			}
 
 			.feed .item-title:not([data-unread="0"])::before {
 				margin: 11px 6px 0 4px;
 				padding: 3px 4px;
-				background: $sid-pills;
+				background: variables.$sid-pills;
 				display: block;
 				float: left;
 				font-size: 0.75rem;
@@ -117,20 +123,20 @@
 	.dropdown + .btn,
 	.dropdown + input,
 	.dropdown + .dropdown > .btn {
-		border-left: 1px solid $grey-medium-light;
+		border-left: 1px solid variables.$grey-medium-light;
 	}
 
 }
 
 .aside {
-	background: $sid-bg;
+	background: variables.$sid-bg;
 
 
 	&.aside_feed {
 		padding: 10px 0;
 		text-align: center;
-		background: $sid-bg;
-		border-right: 1px solid $sid-sep;
+		background: variables.$sid-bg;
+		border-right: 1px solid variables.$sid-sep;
 	}
 
 	&.aside_feed .tree {
@@ -154,65 +160,65 @@
 	}
 
 	.item {
-		background: $sid-bg;
+		background: variables.$sid-bg;
 
-		@include transition(all, 0.15s, ease-in-out);
+		@include mixins.transition(all, 0.15s, ease-in-out);
 
 		a {
 			padding: 0 1rem;
-			color: $sid-font-color;
+			color: variables.$sid-font-color;
 		}
 
 		.error {
 			a {
-				color: $alert-bg;
+				color: variables.$alert-bg;
 			}
 		}
 
 		&:hover {
-			background: $sid-bg-dark;
-			color: $sid-font-color;
+			background: variables.$sid-bg-dark;
+			color: variables.$sid-font-color;
 
 			.error {
 				a {
-					background: $main-first;
-					color: $sid-font-color;
+					background: variables.$main-first;
+					color: variables.$sid-font-color;
 				}
 			}
 
 			.empty {
 				a {
-					background: $warning-bg;
-					color: $sid-font-color;
+					background: variables.$warning-bg;
+					color: variables.$sid-font-color;
 				}
 			}
 
 			a {
-				color: $sid-font-color;
+				color: variables.$sid-font-color;
 				text-decoration: none;
 			}
 		}
 
 		&.active {
-			background: $main-first;
-			color: $white;
+			background: variables.$main-first;
+			color: variables.$white;
 
 			.error {
 				a {
-					background: $main-first;
-					color: $white;
+					background: variables.$main-first;
+					color: variables.$white;
 				}
 			}
 
 			.empty {
 				a {
-					background: $warning-bg;
-					color: $white;
+					background: variables.$warning-bg;
+					color: variables.$white;
 				}
 			}
 
 			a {
-				color: $white;
+				color: variables.$white;
 				text-decoration: none;
 			}
 		}
@@ -221,20 +227,20 @@
 
 	&.empty {
 		a {
-			color: $warning-bg;
+			color: variables.$warning-bg;
 		}
 	}
 
 	.disable {
 		text-align: center;
-		background: $grey-lighter;
-		color: $grey-medium-dark;
+		background: variables.$grey-lighter;
+		color: variables.$grey-medium-dark;
 	}
 
 	.nav-header {
 		padding: 0 10px;
 		font-weight: bold;
-		color: $grey-dark;
+		color: variables.$grey-dark;
 		text-transform: uppercase;
 		letter-spacing: 1px;
 		margin-top: 1rem;
@@ -249,10 +255,10 @@
 		margin: 0;
 		text-align: right;
 		// background: #34495e;
-		color: $white;
+		color: variables.$white;
 
 		a {
-			color: $white;
+			color: variables.$white;
 		}
 
 		.item {
@@ -271,7 +277,7 @@
 .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
 	margin: -0.25rem 1rem 0 0;
 	padding: 0 0.75rem;
-	background: $sid-pills;
+	background: variables.$sid-pills;
 	border-radius: 12px;
 	position: absolute;
 	right: 0;
@@ -280,28 +286,28 @@
 }
 
 .feed.item.empty.active {
-	background: $grey-dark;
+	background: variables.$grey-dark;
 }
 
 .feed.item.error.active {
-	background: $grey-dark;
+	background: variables.$grey-dark;
 }
 
 .feed.item.empty,
 .feed.item.empty > a {
-	color: $grey-dark;
+	color: variables.$grey-dark;
 }
 
 .feed.item.error,
 .feed.item.error > a {
-	color: $grey-dark;
+	color: variables.$grey-dark;
 }
 
 .feed.item.empty.active,
 .feed.item.error.active,
 .feed.item.empty.active > a,
 .feed.item.error.active > a {
-	color: $white;
+	color: variables.$white;
 }
 
 .aside_feed .tree-folder-items .dropdown-menu::after {
@@ -315,5 +321,5 @@
 }
 
 .aside_feed .stick #btn-add {
-	border-left-color: $sid-bg;
+	border-left-color: variables.$sid-bg;
 }
diff --git a/p/themes/Ansum/_stats.scss b/p/themes/Ansum/_stats.scss
index 592419166..f98f10234 100644
--- a/p/themes/Ansum/_stats.scss
+++ b/p/themes/Ansum/_stats.scss
@@ -1,3 +1,5 @@
+@use "variables";
+
 /*=== STATISTICS */
 /*===============*/
 .stat {
@@ -12,7 +14,7 @@
 
 .stat > table td,
 .stat > table th {
-	border-bottom: 1px solid $grey-medium-light;
+	border-bottom: 1px solid variables.$grey-medium-light;
 }
 
 .stat > .horizontal-list {
diff --git a/p/themes/Ansum/_tables.scss b/p/themes/Ansum/_tables.scss
index 2d0311608..4955fff6a 100644
--- a/p/themes/Ansum/_tables.scss
+++ b/p/themes/Ansum/_tables.scss
@@ -1,3 +1,5 @@
+@use "variables";
+
 /*=== Tables */
 table {
 	border-collapse: collapse;
@@ -5,11 +7,11 @@ table {
 
 tr, th, td {
 	padding: 0.5em;
-	border: 1px solid $grey-medium-light;
+	border: 1px solid variables.$grey-medium-light;
 }
 
 th {
-	background: $grey-lighter;
+	background: variables.$grey-lighter;
 }
 
 form td,
diff --git a/p/themes/Ansum/_variables.scss b/p/themes/Ansum/_variables.scss
index e899bec13..8e2190a93 100644
--- a/p/themes/Ansum/_variables.scss
+++ b/p/themes/Ansum/_variables.scss
@@ -49,5 +49,6 @@ $sid-bg-alt: #f7f2ea; // background inside groups
 $sid-bg-dark: #efe3d3; // les hovers
 $sid-sep: #f0e7da; // les séparateurs
 $sid-active: $main-first; // la couleur active
-$sid-active-font: #fff; // la couleur active
+// stylelint-disable-next-line color-hex-length
+$sid-active-font: #ffffff; // la couleur active
 $sid-pills: rgba(35,35,0, 0.15); // les gélules
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index 0e92ce051..3a61c3be4 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -574,7 +574,7 @@ form th {
 	color: #363330;
 }
 .tree .tree-folder .tree-folder-items .item.active a {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item:hover {
 	background: #efe3d3;
diff --git a/p/themes/Ansum/ansum.css.map b/p/themes/Ansum/ansum.css.map
index c6f83daa5..4b9c8e262 100644
--- a/p/themes/Ansum/ansum.css.map
+++ b/p/themes/Ansum/ansum.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","ansum.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC7DD;AAEA;ACFA;AACA;EACC;EACA;EACA,YCiBc;EDhBd;EACA,OCUW;EDTX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDRA;EACA;EACA;EACA;;ACSA;EACC,YCnBW;EDoBX,OCVM;;ADaN;EAEC,YCxBc;;AD6BhB;EACC,YCJS;EDKT;;AAEA;EAEC,YCPU;;ADWZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCpDW;;;ADuDZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCpEO;EDqEP,OChEW;EDiEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OCtFiB;EDuFjB,cC/FY;;;ADkGb;EACC,OCxEU;EDyEV,cCzEU;ED0EV;;;AAGD;EACC,YCtFY;;;ADyFb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE5JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDUc;;;ACPf;AAAA;EAEC;EACA;;;ACjBD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFHc;EEId;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKD;EAEC;EACA;EACA;EACA,OFlCU;EEmCV;EACA;;AAKD;EJlDA;EACA;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CC,YNhBS;;AMqBV;EACC,ONvDe;EMwDf;;AAGD;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AC1FF;AACA;AAWE;EACC;;AAID;EACC;EACA;;AAEA;EACC,OPNQ;EOOR;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA,YPbQ;EOcR;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC,OP1CQ;;AO+CX;EACC;;AAEA;EACC;EAEA;;AAEA;EACC,OPhDa;EOiDb;;AAEA;EACC,OP5DO;EO6DP;;;AAUN;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;ACjFD;AACA;AACA;EACC;EACA,YRgBY;EQfZ,ORIiB;EQHjB;;;AAGD;EACC;EACA,ORMkB;EQLlB;;;ACZD;AACA;EACC;EACA;;AAEA;EACC;;AAGA;EACC;;AAmBF;EACC;;AAGD;EAEC,OT1BgB;ES2BhB;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA,YTxBa;ESyBb;EAEA,OThCU;ESiCV;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACC,YT3DU;ES4DV;EACA;EACA;;;AAQH;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;;ACrFH;AACA;AACA;EACC;EACA;;;AAGD;EACC;EACA;EACA,YVWc;EUVd,OVKW;EUJX;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC,YVKU;EUJV;;;AAGD;EACC,YVIY;;;AUDb;EACC,YVZY;;;AUeb;EACC,YV9BmB;EU+BnB,OV1BO;;;AWXR;AACA;AACA;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AC5BD;AACA;AAEA;EAME;IACC;;EAEA;IACC;;EAGD;IACC;IACA;IAEA;IACA;IACA;IACA,OZsBa;IFtChB;IACA;IACA;IACA;;EciBG;IAEC;IACA;IACA,OZpBG;;;EY4BP;IACC;;;EAGD;AAAA;IAEC;;;EAGD;IdzCA;IACA;IACA;IACA;;Ec0CC;IACC;;EAGD;IACC;;;EAIF;AAAA;AAAA;IAGC,YZ9De;IY+Df;IACA;IACA;IACA;IACA;;;EAGD;IACC;;EAGC;IACC;;EAGD;IACC;;EAEA;IACC;;EAGD;IACC;IACA;;EAEA;IACC;;EAKF;IACC;IACA;;EAIF;IACC;;;EAKH;IACC;IACA;;;EAIA;IACC;IACA;;EAGD;IACC;;EAEA;IACC;IACA;;EAEA;IACC;;EAKH;IACC;IACA;;EAEA;IAEC;IACA;;EAEA;IACC;;;EAQF;IACC;;;EAOH;IACC;IACA;;EAEA;IACC;IAEA;IACA;IACA;IACA;;;EAKF;IACC;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;;AClKH;AACA;AACA;EACC,YbjBY;EakBZ;EACA;EACA;;;AAGD;AACA;EACC;EACA,Ob7CY","file":"ansum.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","ansum.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC5DD;AAEA;ACCA;AACA;EACC;EACA;EACA,YCac;EDZd;EACA,OCMW;EDLX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDXA;;ACeA;EACC,YCvBW;EDwBX,OCdM;;ADiBN;EAEC,YC5Bc;;ADiChB;EACC,YCRS;EDST;;AAEA;EAEC,YCXU;;ADeZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCxDW;;;AD2DZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCxEO;EDyEP,OCpEW;EDqEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OC1FiB;ED2FjB,cCnGY;;;ADsGb;EACC,OC5EU;ED6EV,cC7EU;ED8EV;;;AAGD;EACC,YC1FY;;;AD6Fb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE1JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDQc;;;ACLf;AAAA;EAEC;EACA;;;ACbD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFTc;EEUd;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EAEC;EACA;EACA;EACA,OF/BU;EEgCV;EACA;;AAKD;EJ9CA;;AIkDC;EACC;EACA,OFnDe;EEoDf;EACA;;AAGD;EACC,YFjEU;EEkEV,OFxDK;;AE0D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","file":"ansum.css"}
\ No newline at end of file
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index d03cbcad4..990847458 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -574,7 +574,7 @@ form th {
 	color: #363330;
 }
 .tree .tree-folder .tree-folder-items .item.active a {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item:hover {
 	background: #efe3d3;
diff --git a/p/themes/Ansum/ansum.scss b/p/themes/Ansum/ansum.scss
index 337cc5f97..5f0cd0b5a 100644
--- a/p/themes/Ansum/ansum.scss
+++ b/p/themes/Ansum/ansum.scss
@@ -1,41 +1,41 @@
-@import "fonts";
+@use "fonts";
 
-@import "mixins";
+@use "mixins";
 
-@import "variables";
+@use "variables";
 
-@import "forms";
+@use "forms";
 
-@import "tables";
+@use "tables";
 
-@import "components";
+@use "components";
 
-@import "divers";
+@use "divers";
 
-@import "sidebar";
+@use "sidebar";
 
-@import "layout";
+@use "layout";
 
-@import "list-view";
+@use "list-view";
 
-@import "global-view";
+@use "global-view";
 
-@import "reader-view";
+@use "reader-view";
 
-@import "configuration";
+@use "configuration";
 
-@import "logs";
+@use "logs";
 
-@import "stats";
+@use "stats";
 
-@import "mobile";
+@use "mobile";
 
 @charset "UTF-8";
 
 /*=== GENERAL */
 /*============*/
 html, body {
-	background: $grey-light;
+	background: variables.$grey-light;
 	height: 100%;
 	font-family: "lato", "Helvetica", "Arial", sans-serif;
 	font-size: 0.875rem;
@@ -44,5 +44,5 @@ html, body {
 /*=== Links */
 a, button.as-link {
 	outline: none;
-	color: $main-first;
+	color: variables.$main-first;
 }