/**
* * Watermark Pattern Library * ========================================================================== * * patterns.watermark.org * https://rubygems.org/gems/wcc-styles * */
// third party imports @import url(//fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:300,400,600,700);
// ========================================================================== // 1. Modules // ========================================================================== // // modules are reserved for sass code that do not output CSS. // For example, mixin declarations, functions, and variables. @import “styles/modules/vars”; @import “styles/modules/mixins”; @import “styles/modules/mixins/breakpoint-mixin”;
// ========================================================================== // 2. Base // ========================================================================== // // code related to the basic general structure; this can include // a grid system, browser reset, global generalities @import “styles/base/base”; @import “styles/base/normalize”; @import “styles/base/grid-legacy”; @import “styles/base/grid”;
@import “styles/base/utilities/box-shadow”; @import “styles/base/utilities/breakpoint-debugger”;
// ========================================================================== // 3. Materials // ========================================================================== // // materials are the building blocks all all web design // materials are categorized as Atoms, Molecules, Organisms, // and Pages. for more info and a deeper understanding of // the principles of Atomic design, read Brad Frost's book: // atomicdesign.bradfrost.com/table-of-contents/
// // 3.1 Atoms // ========================================================================== @import “styles/materials/atoms/typography”; @import “styles/materials/atoms/anchor.scss”; @import “styles/materials/atoms/icon.scss”; @import “styles/materials/atoms/buttons”; @import “styles/materials/atoms/tables”; @import “styles/materials/atoms/forms”; @import “styles/materials/atoms/labels”; @import “styles/materials/atoms/datetimepicker”; @import “styles/materials/atoms/elements”; @import “styles/materials/atoms/wells”;
// // 3.2 Molecules // ========================================================================== @import “styles/materials/molecules/pagination”; @import “styles/materials/molecules/navs”; @import “styles/materials/molecules/top_nav”; @import “styles/materials/molecules/alerts”; @import “styles/materials/molecules/steps-progress”; @import “styles/materials/molecules/event-receipt”;
// // 3.3 Organisms // ========================================================================== @import “styles/materials/organisms/sidebar_slideout”; @import “styles/materials/organisms/sheets”;
// // 3.4 Templates // ========================================================================== @import “styles/materials/templates/transactional”;
// // 3.5 Pages // ========================================================================== @import “styles/materials/pages/auth”; @import “styles/materials/pages/admin”;
// ========================================================================== // 4. Vendor // ========================================================================== // // code directly from third party vendors. ideally vendor // code would never be directly edited, only overwritten // so the code could be updated or patched in the future @import “styles/vendor/icons”; @import “styles/vendor/custom_selects”; @import “styles/vendor/custom_file_inputs”; @import “styles/vendor/selectize”;