Permalink
Browse files

Initial commit

  • Loading branch information...
0 parents commit 9111a6e29994293e15078595608480dcb5986ffd @csswizardry committed Oct 14, 2012
Showing with 2,957 additions and 0 deletions.
  1. +2 −0 .gitignore
  2. 0 README.md
  3. +38 −0 css/_vars.scss
  4. +170 −0 css/inuit.css/inuit.scss
  5. +61 −0 css/inuit.css/partials/base/_code.scss
  6. +141 −0 css/inuit.css/partials/base/_forms.scss
  7. +58 −0 css/inuit.css/partials/base/_headings.scss
  8. +10 −0 css/inuit.css/partials/base/_images.scss
  9. +32 −0 css/inuit.css/partials/base/_links.scss
  10. +10 −0 css/inuit.css/partials/base/_lists.scss
  11. +7 −0 css/inuit.css/partials/base/_main.scss
  12. +11 −0 css/inuit.css/partials/base/_paragraphs.scss
  13. +45 −0 css/inuit.css/partials/base/_quotes.scss
  14. +21 −0 css/inuit.css/partials/base/_smallprint.scss
  15. +150 −0 css/inuit.css/partials/base/_tables.scss
  16. +18 −0 css/inuit.css/partials/generic/_brand.scss
  17. +19 −0 css/inuit.css/partials/generic/_clearfix.scss
  18. +69 −0 css/inuit.css/partials/generic/_helper.scss
  19. +31 −0 css/inuit.css/partials/generic/_mixins.scss
  20. +75 −0 css/inuit.css/partials/generic/_reset.scss
  21. +50 −0 css/inuit.css/partials/generic/_shared.scss
  22. +33 −0 css/inuit.css/partials/objects/_block-list.scss
  23. +38 −0 css/inuit.css/partials/objects/_buttons.scss
  24. +20 −0 css/inuit.css/partials/objects/_columns.scss
  25. +26 −0 css/inuit.css/partials/objects/_complex-link.scss
  26. +54 −0 css/inuit.css/partials/objects/_flyout.scss
  27. +152 −0 css/inuit.css/partials/objects/_grids.scss
  28. +33 −0 css/inuit.css/partials/objects/_icon-text.scss
  29. +31 −0 css/inuit.css/partials/objects/_island.scss
  30. +33 −0 css/inuit.css/partials/objects/_lozenges.scss
  31. +81 −0 css/inuit.css/partials/objects/_matrix.scss
  32. +53 −0 css/inuit.css/partials/objects/_media.scss
  33. +60 −0 css/inuit.css/partials/objects/_nav.scss
  34. +37 −0 css/inuit.css/partials/objects/_pagination.scss
  35. +33 −0 css/inuit.css/partials/objects/_split.scss
  36. +60 −0 css/inuit.css/partials/objects/_sprite.scss
  37. +30 −0 css/inuit.css/partials/objects/_this-or-this.scss
  38. +908 −0 css/pr.ofile.me.css
  39. +18 −0 css/pr.ofile.me.scss
  40. +122 −0 css/pr.ofile.me/_card.scss
  41. +61 −0 css/pr.ofile.me/_theme.scss
  42. BIN img/avatar.png
  43. +56 −0 index.html
@@ -0,0 +1,2 @@
+test-page.html
+.sass-cache/
No changes.
@@ -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;
@@ -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";
@@ -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>&lt;/div&gt;<span class=code-comment>&lt;!-- /wrapper --&gt;</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.

0 comments on commit 9111a6e

Please sign in to comment.