Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 9111a6e
Showing
43 changed files
with
2,957 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
test-page.html | ||
.sass-cache/ |
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
/*------------------------------------*\ | ||
$VARS | ||
\*------------------------------------*/ | ||
/** | ||
* Set up project-specific variables here which are then used throughout your | ||
* build. These variables are automatically picked up by inuit.css so you should | ||
* never need to modify any framework code. | ||
*/ | ||
|
||
// Base stuff | ||
$base-font-size: 12; | ||
$base-line-height: 18; | ||
|
||
// Assign our `$base-line-height` to a new spacing var for more transparency. | ||
$base-spacing-unit: $base-line-height; | ||
$half-spacing-unit: $base-spacing-unit / 2; | ||
|
||
// Font-sizes (in pixels). Refer to relevant sections for their implementations. | ||
$giga-size: 96; | ||
$mega-size: 72; | ||
$kilo-size: 48; | ||
|
||
$h1-size: 36; | ||
$h2-size: 30; | ||
$h3-size: 24; | ||
$h4-size: 20; | ||
$h5-size: 16; | ||
$h6-size: 14; | ||
|
||
$milli-size: 12; | ||
$micro-size: 10; | ||
|
||
// Brand stuff | ||
$brand-color: #f43059; | ||
$brand-face: "Helvetica Neue", sans-serif; | ||
|
||
// Supply a full code font-stack to combat this: jsfiddle.net/csswizardry/uD6UW | ||
$code-face: Inconsolata, Monaco, Consolas, "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,170 @@ | ||
/*------------------------------------*\ | ||
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"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,61 @@ | ||
/*------------------------------------*\ | ||
$CODE | ||
\*------------------------------------*/ | ||
/** | ||
* Use an explicit font stack to ensure browsers render correct `line-height`. | ||
*/ | ||
pre,code,samp,kbd{ | ||
font-family:$code-face; | ||
} | ||
pre{ | ||
overflow:auto; | ||
} | ||
pre mark{ | ||
background:none; | ||
border-bottom:1px solid; | ||
color:inherit; | ||
} | ||
|
||
/** | ||
* Add comments to your code examples, e.g.: | ||
* | ||
<code></div><span class=code-comment><!-- /wrapper --></span></code> | ||
* | ||
*/ | ||
.code-comment{ | ||
/** | ||
* Override this setting in your theme stylesheet | ||
*/ | ||
opacity:0.75; | ||
filter:alpha(opacity=75); | ||
} | ||
|
||
/** | ||
* You can add line numbers to your code examples but be warned, it requires | ||
* some pretty funky looking markup, e.g.: | ||
<pre class=numbered> | ||
<ol class=numbered__numbers> | ||
<li><code>.nav{</code></li> | ||
<li><code> list-style:none;</code></li> | ||
<li><code> margin-left:0;</code></li> | ||
<li><code>}</code></li> | ||
<li><code> .nav > li,</code></li> | ||
<li><code> .nav > li > a{</code></li> | ||
<li><code> display:inline-block;</code></li> | ||
<li><code> *display:inline-block;</code></li> | ||
<li><code> zoom:1;</code></li> | ||
<li><code> }</code></li> | ||
</ol> | ||
</pre> | ||
*/ | ||
.numbered{ | ||
white-space:nowrap; | ||
} | ||
.numbered__numbers{ | ||
list-style:decimal-leading-zero inside; | ||
margin-bottom:0; | ||
margin-left:0; | ||
} | ||
.numbered__numbers code{ | ||
white-space:pre; | ||
} |
Oops, something went wrong.