style-test.scss

@charset "UTF-8";


/* ============================================================================
   @MASTER STYLESHEET
   ========================================================================= */


/**
 * Scally, being an OO framework, works in keeping with the open/closed
 * principle. Any custom styles *SHOULD NOT* be added or modified in Scally
 * directly. This also allows the framework to be updated seamlessly.
 *
 * Contents:
 *
 * Your settings.........your project-specific settings.
 * Scally framework......the entire Scally framework including your overrides.
 * Your styles...........all your project-specific styles.
 *
 * N.B. the above order and the order within the Scally framework section must
 * always be followed.
 */




/* Your settings
   ========================================================================= */

/**
 * Your project-specific settings.
 *
 * N.B. define first so they can be used throughout your styles.
 */

@import "settings";




/* Scally framework
   ========================================================================= */

/**
 * By default everything is imported. But if you want to be selective and you
 * definitely should, so your CSS is as lean as possible, then only import what
 * you want. The Core section is however mandatory.
 *
 * Any settings you find set in Scally that you do not wish to keep, simply
 * redefine above/below the relevant `@import`. This means that if Scally, for
 * example, sets your `$font-size` at `16px` and you wish it to be `14px`,
 * simply redeclare it above the relevant `@import`, like so:
 *
   $font-size: 14;
   @import "bower_components/scally/core/settings/typography";
 *
 * If you want to use a Scally setting to override something then you need to
 * define the override below the `@import`, like so:
 *
   @import "bower_components/scally/core/settings/colours";
   $colour-text-base: $colour-brand;
 *
 * If you try to redeclare above the `@import` your Sass won't compile as you
 * don't have access to the Scally setting at the point of compilation.
 *
 * All non-Core settings need to be overridden above the `@import`, like so:
 *
   $u-arrow-size-base: 14;
   $u-arrow-colour: orange;
   @import "bower_components/scally/utilities/u-arrow";
 *
 * Scally ignores its own settings in favour of using your own, so you can
 * completely modify how Scally works without ever having to alter the
 * framework itself.
 *
 * N.B. the order specified below must always be followed or Scally will
 * break and if you're not using Bower or you customise where Bower installs
 * then you'll need to update the `@import` paths accordingly.
 *
 * Contents:
 *
 * CORE
 * LAYOUT
 * COMPONENTS
 * UTILITIES
 */


/**
 * CORE.
 *
 * N.B. this is all mandatory for the Scally framework.
 */

// Settings
@import "core/settings/typography";

@import "core/settings/spacing";

@import "core/settings/toggles";

@import "core/settings/breakpoints";

@import "core/settings/widths";

@import "core/settings/colours";

@import "core/settings/positioning";

@import "core/settings/cosmetics";

// Functions
@import "core/functions/convert-px-to-em-rem";

@import "core/functions/math-helpers";

@import "core/functions/string-replace";

// Mixins
@import "core/mixins/convert-px-to-em-rem";

@import "core/mixins/font-size";

@import "core/mixins/gradients";

@import "core/mixins/media-queries";

@import "core/mixins/generate-at-breakpoints";

@import "core/mixins/generate-percentage-classes-at-breakpoints";

@import "core/mixins/retina-bg-image";

@import "core/mixins/target-browsers";

@import "core/mixins/target-headings";

// Normalize
@import "core/normalize";

// Reset
@import "core/reset";

// Debug
@import "core/debug";

// Base
@import "core/base/root";

@import "core/base/abbreviation";

@import "core/base/forms";

@import "core/base/headings";

@import "core/base/horizontal-rule";

@import "core/base/links";

@import "core/base/media";

@import "core/base/paragraphs";

@import "core/base/print";

@import "core/base/viewport";

// Placeholders
@import "core/placeholders/c-bottom-spacing";


/**
 * LAYOUT.
 */

// Main container
@import "layout/l-container";

// Grid
@import "layout/l-grid";

@import "layout/l-grid-pull";

@import "layout/l-grid-push";


/**
 * COMPONENTS.
 */

@import "components/button";


/**
 * UTILITIES.
 */

@import "utilities/u-clear-fix";

@import "utilities/u-arrow";

@import "utilities/u-list";

@import "utilities/u-list-block";

@import "utilities/u-list-inline";

@import "utilities/u-text";

@import "utilities/u-widths";

@import "utilities/u-table";

@import "utilities/u-drop-down";

@import "utilities/u-alignments";

@import "utilities/u-toggle-visibility";

@import "utilities/u-image-replacement";

@import "utilities/u-link-complex";

@import "utilities/u-link-disguised";

@import "utilities/u-link-no-underline";

@import "utilities/u-momentum-scrolling";

@import "utilities/u-float";

@import "utilities/u-new-block-formatting-context";

@import "utilities/u-flex-embed";

@import "utilities/u-side-by-side";

@import "utilities/u-side-by-side-alt";

@import "utilities/u-gpu-accelerated";

@import "utilities/u-position";

@import "utilities/u-display";

@import "utilities/u-spacing";

@import "utilities/u-divider";

@import "utilities/u-columns";

//@import "utilities/u-overflow";




/* Your styles
   ========================================================================= */