cv/card/css/inuit.css/inuit.scss
/*------------------------------------*\
INUIT.CSS
\*------------------------------------*/
/*! inuitcss.com -- @inuitcss -- @csswizardry */
/**
* inuit.css acts as a base stylesheet which you should extend with your own
* theme stylesheet.
*
* inuit.css aims to do the heavy lifting; sorting objects and abstractions,
* design patterns and fiddly bits of CSS, whilst leaving as much design as
* possible to you. inuit.css is the scaffolding to your decorator.
*
* This stylesheet is heavily documented and contains lots of comments, please
* take care to read and refer to them as you build. For further support please
* tweet at @inuitcss.
*
* Owing to the amount of comments please only ever use `inuit.min.css` in
* production. This file is purely a dev document.
*
* The table of contents below maps to section titles of the same name, to jump
* to any section simply run a find for $[SECTION-TITLE].
*
* Most objects and abstractions come with a chunk of markup that you should be
* able to paste into any view to quickly see how the CSS works in conjunction
* with the correct HTML.
*
* LICENSE
*
* Copyright 2012 Harry Roberts
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* Thank you for choosing inuit.css. May your specificity always stay low.
*/
/*------------------------------------*\
$CONTENTS
\*------------------------------------*/
/**
* CONTENTS............You’re reading it!
* WARNING.............Here be dragons!
* IMPORTS.............Begin importing the sections below
*
* MIXINS..............Super-simple Sass stuff
* RESET...............Set some defaults
* CLEARFIX............
* SHARED..............Shared declarations
*
* MAIN................High-level elements like `html`, `body`, etc.
* HEADINGS............Double-stranded heading hierarchy
* PARAGRAPHS..........
* SMALLPRINT..........Smaller text elements like `small`
* QUOTES..............
* CODE................
* LINKS...............
* LISTS...............
* IMAGES..............
* TABLES..............
* FORMS...............
*
* GRIDS...............Fluid, proportional and nestable grids
* COLUMNS.............CSS3 columns
* NAV.................A simple abstraction to put a list in horizontal nav mode
* PAGINATION..........Very stripped back, basic paginator
* MEDIA...............Media object
* ISLAND..............Boxed off content
* BLOCK-LIST..........Blocky lists of content
* MATRIX..............Gridded lists
* SPLIT...............A simple split-in-two object
* THIS-OR-THIS........Options object
* COMPLEX-LINK........
* FLYOUT..............Flyout-on-hover object
* SPRITE..............Generic spriting element
* ICON-TEXT...........Icon and text couplings
* BUTTONS.............
* LOZENGES............Basic lozenge styles
*
* BRAND...............Helper class to apply brand treatment to elements
* HELPER..............A series of helper classes to use arbitrarily
*/
/*------------------------------------*\
$WARNING
\*------------------------------------*/
/*
* inuit.css, being an OO framework, works in keeping with the open/closed
* principle. The variables you set previously are now being used throughout
* inuit.css to style everything we need for a base. Any custom styles SHOULD
* NOT be added or modified in inuit.css directly, but added via your theme
* stylesheet as per the open/closed principle:
*
* csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
*
* Try not to edit any CSS beyond this point; if you find you need to do so
* it is a failing of the framework so please tweet at @inuitcss.
*/
/*------------------------------------*\
$IMPORTS
\*------------------------------------*/
/**
* Generic utility styles etc.
*/
@import "partials/generic/mixins";
@import "partials/generic/reset";
@import "partials/generic/clearfix";
@import "partials/generic/shared";
/**
* Base styles; unclassed HTML elements etc.
*/
@import "partials/base/main";
@import "partials/base/headings";
@import "partials/base/paragraphs";
@import "partials/base/smallprint";
//@import "partials/base/quotes";
//@import "partials/base/code";
@import "partials/base/links";
@import "partials/base/images";
//@import "partials/base/lists";
//@import "partials/base/tables";
//@import "partials/base/forms";
/**
* Objects and abstractions
*/
//@import "partials/objects/grids";
//@import "partials/objects/columns";
//@import "partials/objects/nav";
//@import "partials/objects/pagination";
@import "partials/objects/media";
@import "partials/objects/island";
//@import "partials/objects/block-list";
//@import "partials/objects/matrix";
//@import "partials/objects/split";
//@import "partials/objects/this-or-this";
@import "partials/objects/complex-link";
//@import "partials/objects/flyout";
//@import "partials/objects/sprite";
//@import "partials/objects/icon-text";
//@import "partials/objects/buttons";
//@import "partials/objects/lozenges";
/**
* Style trumps; helper and brand classes
*/
@import "partials/generic/brand";
@import "partials/generic/helper";