Changes between Version 8 and Version 9 of DeveloperGuidelines/Themes/SCSS
- Timestamp:
- 07/05/18 11:40:24 (7 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
DeveloperGuidelines/Themes/SCSS
v8 v9 2 2 [[TOC]] 3 3 4 == Adding Foundation to layout.html==4 == Creating an SCSS-built Foundation Theme == 5 5 6 === Base Styles === 6 === Files and Folders === 7 8 === Copying from Skeleton === 9 10 == Building the Theme == 11 12 === Developer Preview === 13 14 === Production === 15 16 == Using the Theme in a Template == 17 18 === Adding Foundation to layout.html === 19 20 ==== Base Styles ==== 7 21 8 22 Foundation-based themes must include the '''Foundation base stylesheets''', ahead of any Sahana style sheets: … … 34 48 }}} 35 49 36 === Scripts===50 ==== Scripts ==== 37 51 38 52 Additionally, Foundation requires loading and initialization of some scripts at the end of the {{{<body>}}}. The corresponding sequence is also encoded in a view template {{{views/foundation.js.html}}}, so it can easily be added to {{{layout.html}}}: … … 45 59 }}} 46 60 47 == Adding Theme Styles to css.cfg==61 === Adding Theme Styles to css.cfg === 48 62 49 63 The SCSS-built {{{theme.css}}} style sheet is included at the end of {{{css.cfg}}}: … … 57 71 58 72 It can be followed by an optional {{{THEME/style.css}}} to add CSS for template-specific elements as well as final overrides. The {{{style.css}}} style sheet is not built from SCSS, so it can be edited directly. 73