Move CSS to Webpacker

app/views/layouts/darkswarm.html.haml

@@ -15,7 +15,7 @@
     %link{href: "https://fonts.googleapis.com/css?family=Roboto:400,300italic,400italic,300,700,700italic|Oswald:300,400,700", rel: "stylesheet", type: "text/css"}
     %link{href: font_path("OFN-v2.woff"), rel: "preload", as: "font", crossorigin: "anonymous"}
 
-    = stylesheet_link_tag "darkswarm/all", "data-turbo-track": "reload"
+    = stylesheet_pack_tag "darkswarm", "data-turbo-track": "reload"
     = javascript_pack_tag "application", "data-turbo-track": "reload"
 
     = render "layouts/shopfront_script" if @shopfront_layout

app/views/layouts/registration.html.haml

@@ -10,7 +10,7 @@
       = favicon_link_tag "/favicon-staging.ico"
     %link{href: "https://fonts.googleapis.com/css?family=Roboto:400,300italic,400italic,300,700,700italic|Oswald:300,400,700", rel: "stylesheet", type: "text/css"}
 
-    = stylesheet_link_tag "darkswarm/all"
+    = stylesheet_pack_tag "darkswarm"
     = javascript_include_tag "darkswarm/all"
     = javascript_pack_tag "application"
 

app/webpacker/css/darkswarm/all.scss

@@ -9,13 +9,13 @@
    *= require_self
 */
 @import 'variables';
-@import 'foundation';
-@import 'foundation-icons';
+//@import 'foundation';
+//@import 'foundation-icons';
 
-@import 'base/*';
-@import 'layout/*';
-@import '*';
-@import 'pages/*';
+@import 'base/colors';
+@import 'layout/offcanvas';
+//@import '*';
+@import 'pages/login_modal';
 @import 'web/all';
 
 ofn-modal {