Draft: The Redesign

assets/.stylelintrc.yml

@@ -0,0 +1,78 @@
+---
+extends: stylelint-config-recommended
+plugins:
+  - stylelint-prettier
+rules:
+  block-no-empty: true
+  at-rule-no-unknown:
+    - true
+    - ignoreAtRules:
+      - mixin
+      - define-mixin
+  media-query-no-invalid: 
+  rule-empty-line-before:
+    - always-multi-line
+    - except:
+      - after-single-line-comment
+      - first-nested
+  declaration-block-no-duplicate-custom-properties: true
+  declaration-block-no-duplicate-properties: true
+  font-family-no-duplicate-names: true
+  keyframe-block-no-duplicate-selectors: true
+  no-duplicate-at-import-rules: true
+  no-duplicate-selectors: true
+  color-no-invalid-hex: true
+  function-calc-no-unspaced-operator: true
+  named-grid-areas-no-invalid: true
+  no-invalid-double-slash-comments: true
+  no-invalid-position-at-import-rule: true
+  string-no-newline: true
+  no-irregular-whitespace: true
+  custom-property-no-missing-var-function: true
+  font-family-no-missing-generic-family-keyword: true
+  function-linear-gradient-no-nonstandard-direction: true
+  declaration-block-no-shorthand-property-overrides: true
+  selector-anb-no-unmatchable: true
+  function-no-unknown: true
+  media-feature-name-no-unknown: true
+  media-feature-name-value-no-unknown: true
+  no-unknown-animations: true
+  length-zero-no-unit: true
+  media-feature-name-no-vendor-prefix: true
+  selector-no-vendor-prefix: true
+  value-no-vendor-prefix: true
+  function-name-case: lower
+  selector-type-case: lower
+  value-keyword-case: lower
+  at-rule-empty-line-before:
+    - always
+    - except:
+      - first-nested
+      ignore:
+      - after-comment
+      - blockless-after-blockless
+  custom-property-empty-line-before: never
+  declaration-empty-line-before: never
+  declaration-block-single-line-max-declarations: 3
+  number-max-precision: 2
+  max-nesting-depth: 1
+  color-hex-length: long
+  alpha-value-notation: number
+  font-weight-notation: named-where-possible
+  hue-degree-notation: number
+  import-notation: string
+  keyframe-selector-notation: percentage-unless-within-keyword-only-block
+  lightness-notation: percentage
+  media-feature-range-notation: prefix
+  selector-not-notation: simple
+  selector-pseudo-element-colon-notation: single
+  custom-property-pattern: "[a-z\\-\\$]+"
+  selector-class-pattern: "^[a-z\\-]+(\\-\\-|__)?[a-z\\-]*(\\-\\-|__)?[a-z\\-]*$"
+  selector-id-pattern: "[a-z\\-]+"
+  font-family-name-quotes: always-unless-keyword
+  function-url-quotes: always
+  selector-attribute-quotes: always
+  declaration-block-no-redundant-longhand-properties: true
+  shorthand-property-no-redundant-values: true
+  comment-whitespace-inside: always
+  prettier/prettier: true

assets/css/application.css

@@ -0,0 +1,59 @@
+/*
+ * Main stylesheet file.
+ *
+ * This generates the base file for the stylesheets used throughout the project.
+ * Themes should be contained within the "themes" folder, and only contain
+ * color variations, and optional CSS changes.
+ *
+ */
+
+@import "@fortawesome/fontawesome-free/css/fontawesome.css";
+@import "@fortawesome/fontawesome-free/css/solid.css";
+@import "@fortawesome/fontawesome-free/css/regular.css";
+@import "@fortawesome/fontawesome-free/css/brands.css";
+@import "normalize.css";
+
+/* Import the default theme to act as a fallback. */
+@import "themes/dark-blue";
+
+/* Files containing common properties, such as variable definitions. */
+@import "common/measurements";
+@import "common/mixins";
+
+/* General style elements that are used throughout the project. */
+@import "elements/avatar";
+@import "elements/base";
+@import "elements/block";
+@import "elements/button";
+@import "elements/checkbox";
+@import "elements/dropdown";
+@import "elements/flash";
+@import "elements/flex";
+@import "elements/form";
+@import "elements/heading";
+@import "elements/input";
+@import "elements/label";
+@import "elements/layout";
+@import "elements/list";
+@import "elements/media";
+@import "elements/mobile";
+@import "elements/separator";
+@import "elements/slider";
+@import "elements/table";
+
+/* Style elements specific to certain pages. */
+@import "views/admin";
+@import "views/approval";
+@import "views/burger";
+@import "views/communication";
+@import "views/footer";
+@import "views/header";
+@import "views/image";
+@import "views/interaction";
+@import "views/markdown";
+@import "views/metabar";
+@import "views/pagination";
+@import "views/staff";
+@import "views/statistics";
+@import "views/tag";
+@import "views/user";