Isolate new design stylesheets

.scss-lint.yml

@@ -1,4 +1,4 @@
-exclude: 'app/assets/stylesheets/reset.scss'
+exclude: 'app/assets/stylesheets/new_design/reset.scss'
 
 linters:
   BangFormat:

app/assets/stylesheets/_constants.scss

@@ -3,7 +3,3 @@ $light-blue: #F2F6FA;
 
 // Bootstrap constants
 $font-size-base: 16px;
-
-$page-width: 1040px;
-
-$default-padding: 15px;

app/assets/stylesheets/application.scss

@@ -13,13 +13,8 @@
 // file per style scope.
 //
 // = require _card
-// = require _colors
-// = require _constants
 // = require _helpers
-// = require _mixins
-// = require _placeholders
 // = require _turbolinks
-// = require _typography
 // = require admin_procedures_modal
 // = require admin_type_de_champ
 // = require backoffice
@@ -31,9 +26,7 @@
 // = require dossier_show
 // = require dossiers
 // = require etapes
-// = require fonts
 // = require france_connect_particulier
-// = require landing
 // = require left_panel
 // = require login
 // = require main_container

app/assets/stylesheets/new_application.scss

@@ -1,10 +0,0 @@
-// = require reset
-// = require custom_reset
-// = require common
-// = require utils
-// = require fonts
-// = require new_alert
-// = require new_header
-// = require new_footer
-// = require landing
-// = require navbar

app/assets/stylesheets/new_design/_constants.scss

@@ -0,0 +1,3 @@
+$page-width: 1040px;
+
+$default-padding: 15px;

app/assets/stylesheets/new_design/beta.scss

@@ -0,0 +1,15 @@
+#beta {
+  text-align: center;
+  text-transform: uppercase;
+  position: fixed;
+  bottom: 26px;
+  right: -35px;
+  transform: rotate(-45deg);
+  width: 150px;
+  background-color: #008CBA;
+  color: #FFFFFF;
+  padding: 5px;
+  font-size: 15px;
+  font-weight: 700;
+  z-index: 10;
+}

app/assets/stylesheets/new_design/new_application.scss

@@ -0,0 +1,6 @@
+// = require ./reset
+// = require ./custom_reset
+// = require ./common
+// = require ./utils
+// = require ./fonts
+// = require_tree .

app/views/layouts/new_application.html.haml

@@ -14,7 +14,7 @@
     = favicon_link_tag(image_url("favicons/32x32.png"), type: "image/png", sizes: "32x32")
     = favicon_link_tag(image_url("favicons/96x96.png"), type: "image/png", sizes: "96x96")
 
-    = stylesheet_link_tag "new_application", :media => "all", "data-turbolinks-track" => true
+    = stylesheet_link_tag "new_design/new_application", :media => "all", "data-turbolinks-track" => true
     = stylesheet_link_tag "print", :media => "print", "data-turbolinks-track" => true
 
   %body

config/initializers/assets.rb

@@ -8,4 +8,4 @@ Rails.application.config.assets.version = '1.0'
 
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
-Rails.application.config.assets.precompile += %w(print.css new_application.css)
+Rails.application.config.assets.precompile += %w(print.css new_design/new_application.css)