/** * This file is the main entry point for a single page's stylings. It should * be self-contained CSS for *one* page. There is another SCSS file for * styling a *book* that depends on this one. * * It uses the Inuit CSS framework: https://github.com/inuitcss/inuitcss * * InuitCSS only provides basic typographic stylings and helper functions. All * framework files live in ./inuitcss/ . All of our custom CSS lives in one of * these 7 folders: * * `/settings`: Global variables, site-wide settings, config switches, etc. * `/tools`: Site-wide mixins and functions. * `/generic`: Low-specificity, far-reaching rulesets (e.g. resets). * `/elements`: Unclassed HTML elements (e.g. `a {}`, `blockquote {}`, `address {}`). * `/objects`: Objects, abstractions, and design patterns (e.g. `.o-layout {}`). * `/components`: Discrete, complete chunks of UI (e.g. `.c-carousel {}`). * `/utilities`: High-specificity, very explicit selectors. Overrides and helper classes (e.g. `.u-hidden {}`). * * CONTENTS * * SETTINGS * Core.................inuitcss’ core and setup settings. * Global...............Project-wide variables and settings. * * TOOLS * Font-size............A mixin which guarantees baseline-friendly line-heights. * Clearfix.............Micro clearfix mixin. * Hidden...............Mixin for hiding elements. * Sass MQ..............inuitcss’ default media query manager. * * GENERIC * Box-sizing...........Better default `box-sizing`. * Normalize.css........A level playing field using @necolas’ Normalize.css. * Reset................A tiny reset to complement Normalize.css. * Shared...............Sensibly and tersely share some global commonalities * (particularly useful when managing vertical rhythm). * * ELEMENTS * Page.................Set up our document’s default `font-size` and * `line-height`. * Headings.............Very minimal (i.e. only font-size information) for * headings 1 through 6. * Images...............Base image styles. * Tables...............Simple table styles. * * OBJECTS * Wrapper..............Page constraint object. * * COMPONENTS * Buttons..............An example button component, and how it fits into the * inuitcss framework. * * UTILITIES * Clearfix.............Bind our clearfix onto a utility class. */ // SETTINGS @import 'inuitcss/settings/settings.core'; @import 'settings/settings.global'; // // TOOLS @import 'inuitcss/tools/tools.font-size'; @import 'inuitcss/tools/tools.clearfix'; @import 'inuitcss/tools/tools.hidden'; @import 'inuitcss/tools/tools.mq'; // // GENERIC @import 'inuitcss/generic/generic.box-sizing'; @import 'inuitcss/generic/generic.normalize'; @import 'inuitcss/generic/generic.reset'; @import 'inuitcss/generic/generic.shared'; @import 'generic/generic.phone-scrolling'; // // ELEMENTS @import 'inuitcss/elements/elements.page'; @import 'inuitcss/elements/elements.headings'; @import 'inuitcss/elements/elements.images'; @import 'inuitcss/elements/elements.tables'; @import 'elements/elements.variables'; @import 'elements/elements.typography'; @import 'elements/elements.syntax-highlighting'; @import 'elements/elements.tables'; @import 'elements/elements.links'; // // OBJECTS @import 'inuitcss/objects/objects.wrapper'; @import 'inuitcss/objects/objects.layout'; @import 'objects/objects.tooltip'; @import 'objects/objects.copy-button'; // // COMPONENTS @import 'components/components.page'; @import 'components/components.sidebar-right'; @import 'components/components.hidecells'; // // UTILITIES @import 'inuitcss/utilities/utilities.clearfix'; @import 'inuitcss/utilities/utilities.hide'; @import 'inuitcss/utilities/utilities.spacings';