Migrate less to sass

cfpb · Aug 2, 2024 · 8b0a901 · 8b0a901
1 parent 473713f
commit 8b0a901
Show file tree

Hide file tree

Showing 191 changed files with 5,992 additions and 5,209 deletions.
diff --git a/...essed/apps/ask-cfpb/css/autocomplete.less → ...essed/apps/ask-cfpb/css/autocomplete.scss b/...essed/apps/ask-cfpb/css/autocomplete.less → ...essed/apps/ask-cfpb/css/autocomplete.scss
@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .m-autocomplete {
   position: relative;
 
@@ -9,6 +11,7 @@
 .m-autocomplete__results {
   box-sizing: border-box;
   width: 100%;
+
   // Restrict height of autocomplete suggestions
   // 'dropdown' box to 200px.
   max-height: 200px;
@@ -27,7 +30,7 @@
 
     &:hover,
     &.m-autocomplete__selected {
-      background-color: @block--bg;
+      background-color: $block-bg;
     }
 
     &:last-child {
@@ -37,7 +40,7 @@
 
   a {
     display: block;
-    padding: unit(@grid_gutter-width / 4 / @base-font-size-px, em);
+    padding: math.div(math.div($grid-gutter-width, 4), $base-font-size-px) + em;
     border-width: 0;
     color: var(--black);
   }

diff --git a/cfgov/unprocessed/apps/ask-cfpb/css/main.less b/cfgov/unprocessed/apps/ask-cfpb/css/main.less