Noissue - Refactored website-default scss comments

scss/_variables.scss

Index: scss/_variables.scss
===================================================================
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1,94 +1,92 @@
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-present eyeo GmbH
- *
- * website-defaults 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.
- *
- * website-defaults 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 website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
+// This file is part of website-defaults
+// Copyright (C) 2016-present eyeo GmbH
+//
+// website-defaults 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.
+//
+// website-defaults 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 website-defaults.  If not, see <http://www.gnu.org/licenses/>.
 
-/*******************************************************************************
- * Variables
- *******************************************************************************
- * ~ WARNING ~ DO NOT EDIT THIS FILE!
- * Set variables within project specfic SCSS before including website defaults.
- *******************************************************************************
- * - Brand colors
- * - Fonts
- * - Spacing
- * - Breakpoints
- ******************************************************************************/
+////////////////////////////////////////////////////////////////////////////////
+// Variables
+////////////////////////////////////////////////////////////////////////////////
+// ~ WARNING ~ DO NOT EDIT THIS FILE!
+// Set variables within project specfic SCSS before including website defaults.
+////////////////////////////////////////////////////////////////////////////////
+// - Brand colors
+// - Fonts
+// - Spacing
+// - Breakpoints
+////////////////////////////////////////////////////////////////////////////////
 
-/* Brand colors
- ******************************************************************************/
+// Brand colors
+////////////////////////////////////////////////////////////////////////////////
 
-/* Primary - The most widely used across all screens and components. */
+// Primary - The most widely used across all screens and components.
 
 $primary: #212121 !default;
 $primary-light: #fff !default;
 $primary-dark: #000 !default;
 
-/* Secondary - Used to indicate a related action or information. */
+// Secondary - Used to indicate a related action or information.
 
 $secondary: #9e9e9e !default;
 $secondary-light: #eee !default;
 $secondary-dark: #424242 !default;
 
-/* Accent - Used for action buttons and interactive elements. */
+// Accent - Used for action buttons and interactive elements.
 
 $accent: #1565c0 !default;
 $accent-light: #e3f2fd !default;
 $accent-dark: #0d47a1 !default;
 
-/* Error - Used for error messages and warnings. */
+// Error - Used for error messages and warnings.
 
 $error: #f44336 !default;
 $error-light: #ffebee !default;
 $error-dark: #b71c1c !default;
 
-/* Fonts
- ******************************************************************************/
+// Fonts
+////////////////////////////////////////////////////////////////////////////////
 
 $primary-font: sans-serif !default;
 $secondary-font: serif !default;
 $monospace-font: monospace !default;
 
 $large-font: 1.2em !default;
 $medium-font: 1em !default;
 $small-font: 0.8em !default;
 
 $bold-weight: 600 !default;
 $normal-weight: 400 !default;
 $thin-weight: 300 !default;
 
-/* Spacing
- ******************************************************************************/
+// Spacing
+////////////////////////////////////////////////////////////////////////////////
 
 $large-space: 4em !default;
 $medium-space: 2em !default;
 $small-space: 1em !default;
 
-/* Breakpoints
- ******************************************************************************/
+// Breakpoints
+////////////////////////////////////////////////////////////////////////////////
 
 $phone-breakpoint: 320px !default;
 $phablet-breakpoint: 576px !default;
 $tablet-breakpoint: 768px !default;
 $desktop-breakpoint: 992px !default;
 
-/* Container widths
- ******************************************************************************/
+// Container widths
+////////////////////////////////////////////////////////////////////////////////
 
 $phone-width: auto !default;
 $phablet-width: 540px !default;
 $tablet-width: 720px !default;
 $desktop-width: 960px !default;