Changes between Version 5 and Version 6 of DeveloperGuidelines/Themes/SCSS

Timestamp:

07/05/18 11:30:33 (6 years ago)

Author:

Dominic König

Comment:

--

DeveloperGuidelines/Themes/SCSS

@@ -6 +6 @@
 === Necessary Style Sheets ===
 
-Foundation-based themes consist of four SCSS-built stylesheets:
+==== Foundation ====
+
+Foundation-based themes must include the '''Foundation base stylesheets''':
 
  - static/themes/foundation/normalize.css
  - static/themes/THEME/foundation/foundation.css
  - static/themes/THEME/foundation/foundation.rtl.css
- - static/themes/THEME/theme.css
 
-Only one of {{{foundation.css}}} or {{{foundation.rtl.css}}} is loaded, depending on the writing direction for the current UI language (Left-To-Right or Right-To-Left).
+These base styles must be loaded before all other Sahana style sheets.
 
+Note that only one of {{{foundation.css}}} or {{{foundation.rtl.css}}} is loaded, depending on the writing direction for the current UI language (Left-To-Right or Right-To-Left).
+
+==== Theme ====
+
+The SCSS-built {{{theme.css}}} style sheet is included at the end of {{{css.cfg}}}:
+
+{{{
+...
+../themes/THEME/theme.css
+#../themes/THEME/style.css
+# Final line required for parsing
+}}}
+
+It can be followed by an optional {{{THEME/style.css}}} with additional, theme-specific CSS and final overrides. The {{{THEME/style.css}}} is not built from SCSS, so it can be edited directly.
 === Adding Foundation to layout.html ===