Migrate /privacy to use Sass @use

alexgibson · Jan 15, 2025 · cef4b3d · cef4b3d
1 parent 47948ed
commit cef4b3d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 16 deletions.
diff --git a/media/css/privacy/cookie-settings-form.scss b/media/css/privacy/cookie-settings-form.scss
@@ -2,11 +2,8 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-$font-path: '/media/protocol/fonts';
-$image-path: '/media/protocol/img';
-
-@import '~@mozilla-protocol/core/protocol/css/includes/lib';
-@import '~@mozilla-protocol/core/protocol/css/components/breadcrumb';
+@use '~@mozilla-protocol/core/protocol/css/includes/lib' as *;
+@use '~@mozilla-protocol/core/protocol/css/components/breadcrumb';
 
 // Temporary fix until https://github.com/mozilla/protocol/issues/933 is resolved
 .mzp-c-breadcrumb {

diff --git a/media/css/privacy/privacy-email.scss b/media/css/privacy/privacy-email.scss
@@ -2,10 +2,7 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-$font-path: '/media/protocol/fonts';
-$image-path: '/media/protocol/img';
-
-@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@use '~@mozilla-protocol/core/protocol/css/includes/lib' as *;
 
 .mzp-c-article-title {
     @include text-title-md;

diff --git a/media/css/privacy/privacy-protocol.scss b/media/css/privacy/privacy-protocol.scss
@@ -2,14 +2,12 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-$image-path: '/media/protocol/img';
+@use '~@mozilla-protocol/core/protocol/css/includes/lib' as *;
+@use '~@mozilla-protocol/core/protocol/css/includes/mixins/details';
+@use '~@mozilla-protocol/core/protocol/css/components/sidebar-menu';
+@use '~@mozilla-protocol/core/protocol/css/templates/main-with-sidebar';
 
-@import '~@mozilla-protocol/core/protocol/css/includes/lib';
-@import '~@mozilla-protocol/core/protocol/css/includes/mixins/details';
-@import '~@mozilla-protocol/core/protocol/css/components/sidebar-menu';
-@import '~@mozilla-protocol/core/protocol/css/templates/main-with-sidebar';
-
-@import '../protocol/basic-article';
+@use '../protocol/basic-article';
 
 $border: 2px solid $color-marketing-gray-20;