An easily-extensible stylus framework for getting projects off on the right foot, with fundamental typography and responsive grid layout rules out of the box.
-
core Home to all the variables that make the SCSS work, though no CSS created directly here.
-
_animation.styl Easing curves for more engaging CSS3 animations. Imported into config.
-
_config.styl The engine: core colours and universal variables
-
_mixins.styl mixins for media queries and more. Imported into config.
-
_reset.styl Remove browser defaults and set new global styles
-
_theme-colours.styl The extended Halsbury palette. Imported into config.
-
_type.styl Core values for app typography. Imported into config.
-
-
layout Basic layout rules for the main elements of each page — usually those appearing in the master page
-
_footer.styl The last block element of the page, usually containing credits or a reduced nav
-
_header.styl The first block element of the page, containing the logo and main nav
-
_main-body.styl Everything between the header and footer — the meat & potatoes of the page
-
_nav.styl The top-level navigation throughout the app, expressing its information architecture
-
-
modules Elements that can visually and/or structurally be used throughout the app
-
core Every app will use these modules, so they've earned their own folder
-
_basic-body.styl The core elements of HTML that often begin a stylesheet — html, body, a etc.
-
_buttons.styl Related to forms, defining the styles and variations of call-to-action links & form submit elements
-
_col.styl Defintions for a responsive relative grid system that defines in-page layout for Halsbury apps
-
_forms.styl input, select, textarea & related input styles
-
_typog.styl Definitions for the standard typographic elements (h1–5, p)
-
-
_module.styl Your module here…
-
-
pages Collections of or variations on modules specific to pages of the app, or totally unique code
- _page.styl Your page here…
-
vendors
-
_fancybox.styl
-
_slick.styl
-
-
opal-coast.styl Where it all comes together. Rename as appropriate to project & reference .css version.