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, 307 insertions, 289 deletions

diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss
index 35b4e5790..11b1ca92c 100644
--- a/p/themes/Mapco/_components.scss
+++ b/p/themes/Mapco/_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;
 
@@ -47,22 +53,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;
 			}
 		}
 
@@ -84,7 +90,7 @@
 
 	.separator {
 		margin: 0.75rem 0;
-		border-bottom: 1px solid $grey-light;
+		border-bottom: 1px solid variables.$grey-light;
 		// display: none;
 	}
 
@@ -97,15 +103,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;
 		}
 	}
 }
@@ -118,12 +124,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 {
@@ -136,48 +142,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;
 			}
 		}
 	}
@@ -197,7 +203,7 @@
 
 /*=== Boxes */
 .box {
-	background: $white;
+	background: variables.$white;
 	// border: 1px solid #ddd;
 	border: none;
 	border-radius: 3px;
@@ -207,8 +213,8 @@
 	.box-title {
 		margin: 0;
 		padding: 5px 10px;
-		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;
 				}
 			}
 		}
@@ -269,9 +275,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 {
@@ -295,7 +301,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;
 				}
 			}
 
@@ -311,13 +317,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 {
@@ -338,7 +344,7 @@
 
 // page de login
 .formLogin {
-	background: $sid-bg;
+	background: variables.$sid-bg;
 
 	.header {
 		.configure {
@@ -349,13 +355,13 @@
 			}
 
 			a.signin {
-				color: $white;
+				color: variables.$white;
 			}
 		}
 	}
 
 	h1 {
-		color: $white;
+		color: variables.$white;
 	}
 
 	form#crypto-form {
@@ -363,18 +369,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/Mapco/_configuration.scss b/p/themes/Mapco/_configuration.scss
index 26e9d65fe..e2f9d054a 100644
--- a/p/themes/Mapco/_configuration.scss
+++ b/p/themes/Mapco/_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/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss
index bb2bc5d51..062cfc2fd 100644
--- a/p/themes/Mapco/_forms.scss
+++ b/p/themes/Mapco/_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/Mapco/_global-view.scss b/p/themes/Mapco/_global-view.scss
index 7d24a9109..c2055c64f 100644
--- a/p/themes/Mapco/_global-view.scss
+++ b/p/themes/Mapco/_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/Mapco/_layout.scss b/p/themes/Mapco/_layout.scss
index d3f87c9e2..30feb9f19 100644
--- a/p/themes/Mapco/_layout.scss
+++ b/p/themes/Mapco/_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;
@@ -36,22 +40,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;
 				}
 			}
 
@@ -61,7 +65,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);
@@ -70,7 +74,7 @@
 				min-height: 35px;
 
 				&:hover {
-					background-color: $main-first-alt;
+					background-color: variables.$main-first-alt;
 				}
 			}
 		}
@@ -137,19 +141,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 {
@@ -159,7 +163,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;
@@ -169,7 +173,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;
@@ -187,33 +191,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 !!
@@ -256,13 +260,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;
 				}
 			}
 
@@ -309,7 +313,7 @@
 
 #dropdown-query ~ .dropdown-menu .dropdown-header .icon {
 	vertical-align: middle;
-	background-color: $grey-medium-dark;
+	background-color: variables.$grey-medium-dark;
 	border-radius: 3px;
 }
 
@@ -323,19 +327,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;
 	}
 
@@ -346,7 +350,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;
@@ -356,22 +360,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;
 	}
 
@@ -379,11 +383,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;
@@ -397,10 +401,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;
@@ -421,13 +425,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 {
@@ -437,11 +441,11 @@
 	}
 
 	&.good a.close:hover {
-		background: $success-text;
+		background: variables.$success-text;
 	}
 
 	&.bad a.close:hover {
-		background: $alert-text;
+		background: variables.$alert-text;
 	}
 
 	&#actualizeProgress {
@@ -460,5 +464,5 @@
 	text-align: center;
 	line-height: 3em;
 	table-layout: fixed;
-	background: $sid-bg;
+	background: variables.$sid-bg;
 }
diff --git a/p/themes/Mapco/_list-view.scss b/p/themes/Mapco/_list-view.scss
index fcb7afe08..cd6e9efa5 100644
--- a/p/themes/Mapco/_list-view.scss
+++ b/p/themes/Mapco/_list-view.scss
@@ -1,69 +1,75 @@
+@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: $grey-lighter;
-		border-left-color: $main-first;
+		background: variables.$grey-lighter;
+		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;
 		}
 
@@ -73,7 +79,7 @@
 	}
 
 	.item.date {
-		color: scale-color($main-font-color, $alpha: -50%);
+		color: color.scale(variables.$main-font-color, $alpha: -50%);
 		font-size: 0.85rem;
 	}
 
@@ -86,7 +92,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/Mapco/_logs.scss b/p/themes/Mapco/_logs.scss
index 82eead3c9..2ea26e68b 100644
--- a/p/themes/Mapco/_logs.scss
+++ b/p/themes/Mapco/_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/Mapco/_mixins.scss b/p/themes/Mapco/_mixins.scss
index 9dbed6945..d86cf8f07 100644
--- a/p/themes/Mapco/_mixins.scss
+++ b/p/themes/Mapco/_mixins.scss
@@ -1,3 +1,4 @@
+@use "sass:list";
 /* stylelint-disable property-no-vendor-prefix */
 
 /* FUNCTIONS */
@@ -5,67 +6,40 @@
 //animation
 
 @mixin transition($target, $duration, $ease) {
-	-webkit-transition: $target $duration $ease;
-	-moz-transition: $target $duration $ease;
-	-o-transition: $target $duration $ease;
-	-ms-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;
-	-ms-transition: $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/Mapco/_mobile.scss b/p/themes/Mapco/_mobile.scss
index 068cb1d18..357369f05 100644
--- a/p/themes/Mapco/_mobile.scss
+++ b/p/themes/Mapco/_mobile.scss
@@ -1,3 +1,7 @@
+@use "mixins";
+
+@use "variables";
+
 /*=== MOBILE */
 /*===========*/
 
@@ -18,16 +22,16 @@
 				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;
 				}
 			}
@@ -42,7 +46,7 @@
 
 	.aside {
 
-		@include transition(all, 0.2s, ease-in-out);
+		@include mixins.transition(all, 0.2s, ease-in-out);
 
 		&.aside_feed {
 			padding: 0;
@@ -57,7 +61,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/Mapco/_reader-view.scss b/p/themes/Mapco/_reader-view.scss
index e75e43d00..3390985b0 100644
--- a/p/themes/Mapco/_reader-view.scss
+++ b/p/themes/Mapco/_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/Mapco/_sidebar.scss b/p/themes/Mapco/_sidebar.scss
index 223deed39..0e749b603 100644
--- a/p/themes/Mapco/_sidebar.scss
+++ b/p/themes/Mapco/_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;
 
 		.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,18 +123,18 @@
 	.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;
+		background: variables.$sid-bg;
 	}
 
 	&.aside_feed .tree {
@@ -152,65 +158,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;
 			}
 		}
@@ -219,20 +225,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;
@@ -247,10 +253,10 @@
 		margin: 0;
 		text-align: right;
 		// background: #34495e;
-		color: $white;
+		color: variables.$white;
 
 		a {
-			color: $white;
+			color: variables.$white;
 		}
 
 		.item {
@@ -269,7 +275,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;
@@ -278,28 +284,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 {
@@ -313,5 +319,5 @@
 }
 
 .aside_feed .stick #btn-add {
-	border-left-color: $sid-bg;
+	border-left-color: variables.$sid-bg;
 }
diff --git a/p/themes/Mapco/_stats.scss b/p/themes/Mapco/_stats.scss
index 592419166..f98f10234 100644
--- a/p/themes/Mapco/_stats.scss
+++ b/p/themes/Mapco/_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/Mapco/_tables.scss b/p/themes/Mapco/_tables.scss
index 2d0311608..4955fff6a 100644
--- a/p/themes/Mapco/_tables.scss
+++ b/p/themes/Mapco/_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/Mapco/_variables.scss b/p/themes/Mapco/_variables.scss
index a932cd83a..0b5e65315 100644
--- a/p/themes/Mapco/_variables.scss
+++ b/p/themes/Mapco/_variables.scss
@@ -43,11 +43,13 @@ $fav-bg: #ffc300;
 $fav-light: #fff6da;
 
 // la couleur de sidebar, utile si on a envie d’un thème qui aurait une sidebar foncé, e.g.
-$sid-font-color: #fff; // la couleur de fond de la barre de gauche et du header
+// stylelint-disable-next-line color-hex-length
+$sid-font-color: #ffffff; // la couleur de fond de la barre de gauche et du header
 $sid-bg: #303136; // le background général de la barre de gauche, et du header
 $sid-bg-alt: #26272a; // background inside groups
 $sid-bg-dark: #17181a; // les hovers
 $sid-sep: #3f3f3f; // 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(0,0,0, 0.25); // les gélules
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 741df030b..9d4a5d813 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -525,7 +525,7 @@ form th {
 }
 .tree#sidebar {
 	scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
-	scrollbar-color: #fff33 #fff22;
+	scrollbar-color: #ffffff33 #ffffff22;
 }
 .tree .tree-folder {
 	border-bottom: 1px solid #3f3f3f;
@@ -541,7 +541,7 @@ form th {
 }
 .tree .tree-folder .tree-folder-title .title {
 	background: inherit;
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-title .title:hover {
 	text-decoration: none;
@@ -567,17 +567,17 @@ form th {
 	color: #303136;
 }
 .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item.active a {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item:hover {
 	background: #17181a;
 }
 .tree .tree-folder .tree-folder-items .item a {
 	text-decoration: none;
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before {
 	margin: 11px 6px 0 4px;
@@ -645,25 +645,25 @@ form th {
 }
 .nav-list .item a {
 	padding: 0 1rem;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item .error a {
 	color: #f5633e;
 }
 .nav-list .item:hover {
 	background: #17181a;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover .error a {
 	background: #36c;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover .empty a {
 	background: #f4f762;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover a {
-	color: #fff;
+	color: #ffffff;
 	text-decoration: none;
 }
 .nav-list .item.active {
@@ -797,7 +797,7 @@ form th {
 }
 .header .item.search input {
 	width: 230px;
-	color: #fff;
+	color: #ffffff;
 	border: none;
 	border-radius: 2px 0 0 2px;
 	background-color: #26272a;
@@ -1418,7 +1418,7 @@ form th {
 		background: url("../../themes/icons/logout.svg") no-repeat #17181a 3% center;
 		display: inline-block;
 		width: 100%;
-		color: #fff;
+		color: #ffffff;
 		transition: all 0.2s ease-in-out;
 	}
 	ul.nav .item a:hover, ul.nav .item a:active {
diff --git a/p/themes/Mapco/mapco.css.map b/p/themes/Mapco/mapco.css.map
index 1151acdaf..b88820ec7 100644
--- a/p/themes/Mapco/mapco.css.map
+++ b/p/themes/Mapco/mapco.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","mapco.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;EACA;;ACQA;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;;AAID;EJjDA;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CA;EACA;EACA;;AQ4CA;EACC,YNdU;;AMgBV;EACC,YNjBS;;AMsBV;EACC,ONxDe;EMyDf;;AAGD;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AC3FF;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;IACA;;EcgBG;IAEC;IACA;;;EAQJ;IACC;;;EAGD;AAAA;IAEC;;;EAGD;IdxCA;IACA;IACA;IACA;IACA;;EcwCC;IACC;;EAGD;IACC;;;EAIF;AAAA;AAAA;IAGC,YZ7De;IY8Df;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;;;ACjKH;AACA;AACA;EACC,YbjBY;EakBZ;EACA;EACA;;;AAGD;AACA;EACC;EACA,Ob7CY","file":"mapco.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","mapco.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;;AAID;EJ7CA;;AIiDC;EACC;EACA,OFlDe;EEmDf;EACA;;AAGD;EACC,YFhEU;EEiEV,OFvDK;;AEyD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","file":"mapco.css"}
\ No newline at end of file
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 44beb1a01..bf31d0381 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -525,7 +525,7 @@ form th {
 }
 .tree#sidebar {
 	scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
-	scrollbar-color: #fff33 #fff22;
+	scrollbar-color: #ffffff33 #ffffff22;
 }
 .tree .tree-folder {
 	border-bottom: 1px solid #3f3f3f;
@@ -541,7 +541,7 @@ form th {
 }
 .tree .tree-folder .tree-folder-title .title {
 	background: inherit;
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-title .title:hover {
 	text-decoration: none;
@@ -567,17 +567,17 @@ form th {
 	color: #303136;
 }
 .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item.active a {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item:hover {
 	background: #17181a;
 }
 .tree .tree-folder .tree-folder-items .item a {
 	text-decoration: none;
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before {
 	margin: 11px 4px 0 6px;
@@ -645,25 +645,25 @@ form th {
 }
 .nav-list .item a {
 	padding: 0 1rem;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item .error a {
 	color: #f5633e;
 }
 .nav-list .item:hover {
 	background: #17181a;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover .error a {
 	background: #36c;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover .empty a {
 	background: #f4f762;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover a {
-	color: #fff;
+	color: #ffffff;
 	text-decoration: none;
 }
 .nav-list .item.active {
@@ -797,7 +797,7 @@ form th {
 }
 .header .item.search input {
 	width: 230px;
-	color: #fff;
+	color: #ffffff;
 	border: none;
 	border-radius: 0 2px 2px 0;
 	background-color: #26272a;
@@ -1418,7 +1418,7 @@ form th {
 		background: url("../../themes/icons/logout.svg") no-repeat #17181a 97% center;
 		display: inline-block;
 		width: 100%;
-		color: #fff;
+		color: #ffffff;
 		transition: all 0.2s ease-in-out;
 	}
 	ul.nav .item a:hover, ul.nav .item a:active {
diff --git a/p/themes/Mapco/mapco.scss b/p/themes/Mapco/mapco.scss
index 337cc5f97..5f0cd0b5a 100644
--- a/p/themes/Mapco/mapco.scss
+++ b/p/themes/Mapco/mapco.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;
 }