Noissue - Format CSS comments and implement new wd classes

static/scss/main.scss

-// This file is part of help.eyeo.com.
-// Copyright (C) 2017-present eyeo GmbH
-//
-// help.eyeo.com is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// help.eyeo.com is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with help.eyeo.com.  If not, see <http://www.gnu.org/licenses/>.
-
-// Base styles /////////////////////////////////////////////////////////////////
+// Variables & Website Defaults
+////////////////////////////////////////////////////////////////////////////////
 
 @import "base/variables";

[ire, 2017/11/03 08:48:30]

I moved this up here because I was looking at the generated CSS file and it
didn't really make sense to have both the licence headers for wd and hc
immediately after each other. This way, all wd styles comes first, then all hc
styles after. What do you think?

[juliandoucette, 2017/11/06 13:06:57]

suggest: 

1. Put the license header into an import
2. Place it below website-defaults
3. Put the SCSS license header back on top

[ire, 2017/11/06 14:41:16]

Good idea. Done.

 @import "../../node_modules/website-defaults/static/scss/main";
+
+/*!
+ * This file is part of help.eyeo.com.
+ * Copyright (C) 2017-present eyeo GmbH
+ *
+ * help.eyeo.com is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * help.eyeo.com is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with help.eyeo.com.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+// Base styles
+////////////////////////////////////////////////////////////////////////////////
+
 @import "base/font";
 @import "base/utilities";
 
-// Content styles //////////////////////////////////////////////////////////////
+// Content styles
+////////////////////////////////////////////////////////////////////////////////
+
 @import "content/typography";
 
-// Layout styles ///////////////////////////////////////////////////////////////
+// Layout styles
+////////////////////////////////////////////////////////////////////////////////
+
 @import "layout/navbar";
 @import "layout/header";
 @import "layout/footer";
 @import "layout/grid";
 @import "layout/body";
 
-// Component styles ////////////////////////////////////////////////////////////
+// Component styles
+////////////////////////////////////////////////////////////////////////////////
+
 @import "components/search-form";
 @import "components/card";
 @import "components/select";
 @import "components/browser-select";
 @import "components/lists";
 @import "components/contact";
 @import "components/accordion";
 @import "components/article";
 @import "components/breadcrumb";
 @import "components/pre-icon";