survivalkit 0.2.1 → 0.3

data/templates/project/partials/04-defaults/{markup/_semantics.sass → _semantics.sass}

@@ -4,10 +4,10 @@ small
 s
 
 cite
-  @extend .italic
+  @extend %italic
 
 q
-  @extend .italic
+  @extend %italic
   quotes: "“" "”"
   &:before
     content: open-quote
@@ -15,8 +15,8 @@ q
     content: close-quote
 
 dfn
-  @extend .bold
-  @extend .italic
+  @extend %bold
+  @extend %italic
 
 abbr, acronym
   border-bottom: 1px dotted
@@ -25,17 +25,17 @@ abbr, acronym
 time
 
 code
-  @extend .mono
+  @extend %mono
 
 var
 
 samp
 
 kbd
-  @extend .mono
+  @extend %mono
 
 tt
-  @extend .mono
+  @extend %mono
 
 sup, sub
   font-size: 75%
@@ -50,10 +50,10 @@ sub
   bottom: -0.25em
 
 i
-  @extend .italic
+  @extend %italic
 
 b
-  @extend .bold
+  @extend %bold
 
 u
 

data/templates/project/partials/04-defaults/{markup/_tables.sass → _tables.sass}

@@ -2,7 +2,7 @@
 /* tables still need 'cellspacing="0"' in the markup
 
 table
-  @extend .constrain-to-parent
+  @extend %constrain-to-parent
   // +trailer
   // width: 100%
 

data/templates/project/partials/04-defaults/{markup/forms → forms}/_form-defaults.sass

@@ -21,8 +21,8 @@ label
   font-weight: bold
   margin-right: 0.5em
 
-.textinput
-  @extend .constrain-to-parent
+%textinput
+  @extend %constrain-to-parent
   +adjust-font-size-to($base-font-size, 1)
   +rhythm-borders(1px, 0.25, $base-font-size)
   border-width: 1px
@@ -33,14 +33,14 @@ label
   height: $base-line-height / $base-font-size * 1.5em
 
 textarea
-  @extend .textinput
+  @extend %textinput
   height: $base-line-height / $base-font-size * 6.5
 
 input
   &[type=text], &[type=password], &[type=email], &[type=url], &[type=tel],
   &[type=date], &[type=datetime], &[type=datetime-local], &[type=month], &[type=week], &[type=time],
   &[type=number], &[type=range], &[type=search], &[type=color]
-    @extend .textinput
+    @extend %textinput
   // reset webkit search styles
   &[type=search]
     -webkit-appearance: none
@@ -56,4 +56,4 @@ input
     margin-right: 0.25em
 
 textarea, input:not([type="radio"])
-  @extend .constrain-to-parent
+  @extend %constrain-to-parent

data/templates/project/partials/05-grids/_grids-susy.sass

@@ -5,9 +5,6 @@
 //  Site: susy.oddbird.net
 //**
 
-// Font Sizes --------------------------------------------------------------
-$base-font-size: 14px !default
-$base-line-height: $kit-baseline
 // Grid Variables --------------------------------------------------------------
 $total-cols: $kit-total-cols
 $col-width: $kit-col-width
@@ -21,19 +18,12 @@ $side-gutter-width: $kit-side-gutter-width
 
 /* DEFINE THE GRID CONTAINER --------------------------------------------------------------
 // BUILD THE GRID FOR YOUR SITE
-// HELPER CLASSES INTENDED FOR USE IN @EXTEND
-.container
-  +container
-  // uncomment to show grid background
-  // @if $show-grid == true
-  //   +susy-grid-background
 
 // BUILD THE GRID BY CALLING SUSY MIXINS ON DOM ELEMENTS
 // example:
   body
     #container
-      @extend .container
-      >
-        header, #main, footer
-          +full
+      +container
+        @if $show-grid == true
+          +susy-grid-background
 

data/templates/project/partials/09-styletile/_tile-design.sass

@@ -1,8 +1,6 @@
 // Create the design for your site below
 /* SITE-WIDE DESIGN --------------------------------------------------------------
 
-
-
 header
   +pie-clearfix
   +trailer
@@ -16,10 +14,11 @@ header
   +pie-clearfix
   +trailer(2)
 
-h5.label
+.label
   color: $gray
   +adjust-font-size-to(ms(0))
   text-transform: uppercase
+  font-family: $font-sans
 
 .colors
   ul
@@ -33,7 +32,7 @@ h5.label
     li
       position: relative
       overflow: visible
-      +scatter($child: img)
+      // +scatter($child: img)
       &:after
         position: relative
         top: 102%
@@ -59,6 +58,21 @@ header
 .styletile-1
   // color: $color-tile1-6
   .text-examples
+    .logos
+      counter-reset: logos
+      h1
+        counter-increment: logos
+        &:before
+          @extend .label
+          display: block
+          font-weight: normal
+          line-height: 1
+        &.opt-1
+          // font-family:
+          // font-weight:
+          // color:
+          &:before
+            content: counter(logos) " - #{$font-sans}"
     .headers
       h1
         // font-family:
@@ -71,6 +85,8 @@ header
       a
     .serif
       font-family: $font-serifs
+      .label:after
+        content: " - #{$font-serifs}"
       p
         //
     .quotes
@@ -83,6 +99,8 @@ header
         //
     .sans
       font-family: $font-sans
+      .label:after
+        content: " - #{$font-sans}"
       p
         //
 
@@ -133,6 +151,3 @@ header
           //
         &.image-6
           //
-
-
-

data/templates/project/partials/{11-media → 10-media}/_print.sass

@@ -8,7 +8,7 @@
 @media print
   *
     background: transparent !important
-    color: black !important
+    color: $black !important
     text-shadow: none !important
     filter: none !important
     -ms-filter: none !important

data/templates/project/selectivizr.sass

@@ -5,4 +5,4 @@
 
 // work on your styles in the same directories as your other files
 
-@import partials/12-browser-adjustments/selectivizr
+@import partials/11-browser-adjustments/selectivizr

data/templates/project/style.sass

@@ -84,7 +84,6 @@
 
 
 // ✔ 4. CHOOSE A GRID SYSTEM
-// @import partials/05-grids/grids-blueprint.sass
 // Susy: Install the Susy Gem (https://rubygems.org/gems/compass-susy-plugin)
 //   and uncomment the Susy line in /config.rb (# require 'susy')
 // @import partials/05-grids/grids-susy.sass
@@ -92,7 +91,7 @@
 
 // ✔ 5. STYLE COMMON UI PATTERNS / DRUPAL UI PATTERNS
 // @import partials/06-ui-patterns/common
-// @import partials/06-ui-patterns/drupal/ui-patterns
+// @import partials/06-ui-patterns/drupal-patterns
 
 
 // ✔ 6. PROCESS SPRITES WITH COMPASS
@@ -104,28 +103,23 @@
 // ✔ 7. YOUR CUSTOM LAYOUT AND DESIGN SASS
 // THIS IS WHERE MOST CUSTOM WORK WILL GO
 // -- PRIMARY DESIGN --
-@import partials/08-layout-design/layout
-@import partials/08-layout-design/design
+@import partials/08-your-design-here/design
 // ------ OR ------
 // -- STYLE TILE DESIGN --
 // enable these partials for styletile layout and design
 // work with styletile.html
 // see: http://badassideas.com/style-tiles-as-a-web-design-process-tool/
-// @import partials/08-styletile/tile-layout
-// @import partials/08-styletile/tile-design
+// (requires susy)
+@import survivalkit/style-tile/all
+@import partials/09-styletile/tile-design
 // --------------------------------------------------------------------------------------
 
 
-// ✔ 8. CHOOSE A RESPONSIVE STARTER
-// @import partials/10-responsive/responsive-blueprint
-// @import partials/10-responsive/responsive-susy
-
-
 // ✔ 9. ENABLE PRINT STYLES
-// @import partials/11-media/print
+// @import partials/10-media/print
 
 
 // ✔ 10 ADJUST FOR LESSER/GREATER SYSTEMS
-// @import partials/12-browser_adjustments/modernizr
+// @import partials/11-browser_adjustments/modernizr
 // IE STYLES - aren't needed by other browsers, so compile them as a separate file and load via conditionals
 // SELECTIVIZR is nice, but the fallback css should really be compiled to a separate file

data/templates/project/templates/old/survivalkit/partials/common/abbr.haml

@@ -1,8 +1,8 @@
-%article#abbr.element
+%div#abbr.element
   %h2.element-title abbr
   .markup
     %p
       Abbreviation / a shortened form of a word or phrase.
       %br
         Sample:
-        %abbr{:title => "doctor"} dr
+        %abbr{:title => "doctor"} dr

data/templates/project/templates/old/survivalkit/partials/common/acronym.haml

@@ -1,8 +1,8 @@
-%article#acronym.element
+%div#acronym.element
   %h2.element-title acronym
   .markup
     %p
       Acronym / a word formed from the initial letters of other words.
       %br
         Sample acronyms:
-        %acronym{:title => "eXtensible HyperText Markup Language"} XHTML
+        %acronym{:title => "eXtensible HyperText Markup Language"} XHTML

data/templates/project/templates/old/survivalkit/partials/common/characters.haml

@@ -1,4 +1,4 @@
-%article#characters.element
+%div#characters.element
   %h2.element-title Characters
   .markup
     %p 0 1 2 3 4 5 6 7 8 9
@@ -8,4 +8,4 @@
     %h3 UTF-8 test
     %p Ä, ä, Ö, ö, Ü, ü, ß
     %p Š Ť Ž Ľ Č Ě Ď Ň Ř Ů Ĺ
-    %p ХЦЧШЩЬЫЪЭЮЯ
+    %p ХЦЧШЩЬЫЪЭЮЯ

data/templates/project/templates/old/survivalkit/partials/common/cite.haml

@@ -1,4 +1,4 @@
-%article#cite.element
+%div#cite.element
   %h2.element-title cite
   .markup
     %p
@@ -9,4 +9,4 @@
       element to define source of a quotation or reference.
       %br
         Sample:
-        %cite This is quotation source
+        %cite This is quotation source

data/templates/project/templates/old/survivalkit/partials/common/code.haml

@@ -1,8 +1,8 @@
-%article#code.element
+%div#code.element
   %h2.element-title code
   .markup
     %p
       This element informs the browser that it contains a computer code, such as XHTML markup.
       %br
         Sample:
-        %code document.write("Hello world");
+        %code document.write("Hello world");

data/templates/project/templates/old/survivalkit/partials/common/dfn.haml

@@ -1,8 +1,8 @@
-%article#dfn.element
+%div#dfn.element
   %h2.element-title dfn
   .markup
     %p
       Element used to markup inline definition of a single term.
       %br
         Sample:
-        %dfn This is definition
+        %dfn This is definition

data/templates/project/templates/old/survivalkit/partials/common/em.haml

@@ -1,10 +1,10 @@
-%article#em.element
+%div#em.element
   %h2.element-title em
   .markup
     %p
-      Element used to 
+      Element used to
       %em put emphasis on certain information
       Most browsers display emphases text in italics by default.
       %br
         Sample:
-        %em This is emphasized text
+        %em This is emphasized text

data/templates/project/templates/old/survivalkit/partials/common/forms.haml

@@ -1,4 +1,4 @@
-%article#forms.element
+%div#forms.element
   %h2.element-title Forms
   .markup
     %form#form{"accept-charset" => "UTF-8", :action => "/action", :method => "post"}
@@ -24,4 +24,4 @@
           %label label for Filefield
           %input{:name => "files", :size => "50", :type => "file"}/
         %div
-          %input{:name => "button", :type => "button", :value => "Button"}/
+          %input{:name => "button", :type => "button", :value => "Button"}/

data/templates/project/templates/old/survivalkit/partials/common/headers.haml

@@ -1,4 +1,4 @@
-%article#headers.element
+%div#headers.element
   %h2.element-title Headers
   .markup
     %h1 Header 1
@@ -20,4 +20,4 @@
     %h5 Header 5
     %p "The unforeseen does not exist," quietly replied Phileas Fogg.
     %h6 Header 6
-    %p Another man now joined the group, and, after making his formal greetings to his ruler, said:
+    %p Another man now joined the group, and, after making his formal greetings to his ruler, said:

data/templates/project/templates/old/survivalkit/partials/common/inline-images.haml

@@ -1,4 +1,4 @@
-%article#inline-images.element
+%div#inline-images.element
   %h2.element-title Inline Images
   .markup
     %p
@@ -6,4 +6,4 @@
       Who would think, then, that such fine ladies and gentlemen should regale themselves with an essence found in the inglorious bowels of a sick whale! Yet so it is. By some, ambergris is supposed to be the cause, and by others the effect, of the dyspepsia in the whale. How to cure such a dyspepsia it were hard to say, unless by administering three or four boat loads of Brandreth's pills, and then running out of harm's way, as laborers do in blasting rocks.
     %p
       %img.right{:alt => "image floated right", :src => "http://dummyimage.com/240x320/000/fff&text=Right+Image"}>/
-      I have forgotten to say that there were found in this ambergris, certain hard, round, bony plates, which at first Stubb thought might be sailors' trowsers buttons; but it afterwards turned out that they were nothing more than pieces of small squid bones embalmed in that manner.
+      I have forgotten to say that there were found in this ambergris, certain hard, round, bony plates, which at first Stubb thought might be sailors' trowsers buttons; but it afterwards turned out that they were nothing more than pieces of small squid bones embalmed in that manner.

data/templates/project/templates/old/survivalkit/partials/common/kbd.haml

@@ -1,4 +1,4 @@
-%article#kbd.element
+%div#kbd.element
   %h2.element-title kbd
   .markup
     %p
@@ -7,4 +7,4 @@
         Sample: press
         %kbd Alt + F4
         to close this window.
-        %kbd ESC
+        %kbd ESC

data/templates/project/templates/old/survivalkit/partials/common/links.haml

@@ -1,4 +1,4 @@
-%article#links.element
+%div#links.element
   %h2.element-title Links
   .markup
     %a{:href => "#"} Local link
@@ -7,4 +7,4 @@
       %br
         %a{:href => "https://www.google.com"} External link with encrypted connection
         %br
-          %a{:href => "mailto:test@kiwi-themes.com"} E-mail link
+          %a{:href => "mailto:test@kiwi-themes.com"} E-mail link

data/templates/project/templates/old/survivalkit/partials/common/lists.haml

@@ -1,4 +1,4 @@
-%article#lists.element
+%div#lists.element
   %h2.element-title Lists
   .markup
     %h3 Unordered List
@@ -52,4 +52,4 @@
           %li Thirteen, fourteen, maids a’courting
           %li Fifteen, sixteen, maids in the kitchen
           %li Seventeen, eighteen, maids a’waiting
-          %li Nineteen, twenty, my platter’s empty …
+          %li Nineteen, twenty, my platter’s empty …

data/templates/project/templates/old/survivalkit/partials/common/others.haml

@@ -1,4 +1,4 @@
-%article#others.element
+%div#others.element
   %h2.element-title Other Elements
   .markup
     %h3 Subscript and superscript samples
@@ -32,4 +32,4 @@
               %small Small
               %br
                 Horizontal rule:
-              %hr
+              %hr

data/templates/project/templates/old/survivalkit/partials/common/paragraphs.haml

@@ -1,4 +1,4 @@
-%article#paragraphs.element
+%div#paragraphs.element
   %h2.element-title Paragraphs
   .markup
     %p
@@ -12,4 +12,4 @@
       = succeed "." do
         %a{:href => ""} dazzlingly confounds
       'Tis iron—that I know—not gold. 'Tis split, too—that I feel; the jagged edge galls me so, my brain seems to beat against the solid metal; aye, steel skull, mine; the sort that needs no helmet in the most brain-battering fight!
-    %p Dry heat upon my brow? Oh! time was, when as the sunrise nobly spurred me, so the sunset soothed. No more. This lovely light, it lights not me; all loveliness is anguish to me, since I can ne'er enjoy. Gifted with the high perception, I lack the low, enjoying power; damned, most subtly and most malignantly! damned in the midst of Paradise! Good night—good night! (WAVING HIS HAND, HE MOVES FROM THE WINDOW.)
+    %p Dry heat upon my brow? Oh! time was, when as the sunrise nobly spurred me, so the sunset soothed. No more. This lovely light, it lights not me; all loveliness is anguish to me, since I can ne'er enjoy. Gifted with the high perception, I lack the low, enjoying power; damned, most subtly and most malignantly! damned in the midst of Paradise! Good night—good night! (WAVING HIS HAND, HE MOVES FROM THE WINDOW.)

data/templates/project/templates/old/survivalkit/partials/common/pre.haml

@@ -1,4 +1,4 @@
-%article#pre.element
+%div#pre.element
   %h2.element-title
     %a{:href => "http://developers.whatwg.org/grouping-content.html#the-pre-element"} pre
   .markup
@@ -16,12 +16,12 @@
                       }            .markup
     %pre
       :preserve
-                                                   ,,                      ,,                     ,,            
-          .M"""bgd                                 db                    `7MM      `7MMF' `YMM'   db   mm       
-         ,MI    "Y                                                         MM        MM   .M'          MM       
-         `MMb.   `7MM  `7MM  `7Mb,od8 `7M'   `MF'`7MM `7M'   `MF',6"Yb.    MM        MM .d"     `7MM mmMMmm     
-           `YMMNq. MM    MM    MM' "'   VA   ,V    MM   VA   ,V 8)   MM    MM        MMMMM.       MM   MM       
-         .     `MM MM    MM    MM        VA ,V     MM    VA ,V   ,pm9MM    MM        MM  VMA      MM   MM       
-         Mb     dM MM    MM    MM         VVV      MM     VVV   8M   MM    MM        MM   `MM.    MM   MM       
+                                                   ,,                      ,,                     ,,
+          .M"""bgd                                 db                    `7MM      `7MMF' `YMM'   db   mm
+         ,MI    "Y                                                         MM        MM   .M'          MM
+         `MMb.   `7MM  `7MM  `7Mb,od8 `7M'   `MF'`7MM `7M'   `MF',6"Yb.    MM        MM .d"     `7MM mmMMmm
+           `YMMNq. MM    MM    MM' "'   VA   ,V    MM   VA   ,V 8)   MM    MM        MMMMM.       MM   MM
+         .     `MM MM    MM    MM        VA ,V     MM    VA ,V   ,pm9MM    MM        MM  VMA      MM   MM
+         Mb     dM MM    MM    MM         VVV      MM     VVV   8M   MM    MM        MM   `MM.    MM   MM
          P"Ybmmd"  `Mbod"YML..JMML.        W     .JMML.    W    `Moo9^Yo..JMML.    .JMML.   MMb..JMML. `Mbmo
- 
+

data/templates/project/templates/old/survivalkit/partials/common/q.haml

@@ -1,8 +1,8 @@
-%article#q.element
+%div#q.element
   %h2.element-title q
   .markup
     %p
       Inline quotation.
       %br
         Sample:
-        %q This is sample quotation
+        %q This is sample quotation

data/templates/project/templates/old/survivalkit/partials/common/samp.haml

@@ -1,8 +1,8 @@
-%article#samp.element
+%div#samp.element
   %h2.element-title samp
   .markup
     %p
       Defines computer output data, for example we can use it to markup error messages.
       %br
         Sample:
-        %samp Error: no such file or directory
+        %samp Error: no such file or directory

data/templates/project/templates/old/survivalkit/partials/common/strong.haml

@@ -1,8 +1,8 @@
-%article#strong.element
+%div#strong.element
   %h2.element-title strong
   .markup
     %p
       This element stands for "stronger emphasis" and is used for marking more important text.
       %br
         Sample:
-        %strong This is text with stronger emphasis
+        %strong This is text with stronger emphasis

data/templates/project/templates/old/survivalkit/partials/common/tables.haml

@@ -1,4 +1,4 @@
-%article#tables.element
+%div#tables.element
   %h2.element-title Tables
   .markup
     %table
@@ -40,4 +40,4 @@
           %td Id Neque
           %td 600.000
           %td Etiam sodales orci nec
-          %td No
+          %td No

data/templates/project/templates/old/survivalkit/partials/common/var.haml

@@ -1,8 +1,8 @@
-%article#var.element
+%div#var.element
   %h2.element-title var
   .markup
     %p
       Means variables used in computer programs or scripts.
       %br
         Sample:
-        %var counter
+        %var counter

data/templates/project/templates/old/survivalkit/partials/html5/a.haml

@@ -1,4 +1,4 @@
-%article#a.element
+%div#a.element
   %h2.element-title
     %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-a-element"} a
   .markup
@@ -33,4 +33,4 @@
         %section
           %h1 The Mellblom Browser
           %p Web browsing at the speed of light.
-          %p No other browser goes faster!
+          %p No other browser goes faster!

data/templates/project/templates/old/survivalkit/partials/html5/abbr.haml

@@ -1,4 +1,4 @@
-%article#abbr.element
+%div#abbr.element
   %h2.element-title
     %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-abbr-element"} abbr
   %p
@@ -23,4 +23,4 @@
       is a loose unofficial collaboration of Web browser manufacturers and
       interested parties who wish to develop new technologies designed to
       allow authors to write and deploy Applications over the World Wide
-      Web.
+      Web.

data/templates/project/templates/old/survivalkit/partials/html5/address.haml

@@ -1,4 +1,4 @@
-%article#address.element
+%div#address.element
   %h2.element-title
     %a{:href => "http://developers.whatwg.org/sections.html#the-address-element"} Address
   %p
@@ -24,4 +24,4 @@
       = succeed "," do
         %a{:href => ""} Arnaud Le Hors
       contact persons for the
-      %a{:href => ""} W3C HTML Activity
+      %a{:href => ""} W3C HTML Activity

data/templates/project/templates/old/survivalkit/partials/html5/all-headings.haml

@@ -1,4 +1,4 @@
-%article#all-headings.element
+%div#all-headings.element
   %h2.element-title
     %a{:href => "http://developers.whatwg.org/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"} The h1, h2, h3, h4, h5, and h6 elements
   %p
@@ -28,4 +28,4 @@
       %section
         %h1 Canvas coordinates diagram
     %section
-      %h1 Paths
+      %h1 Paths

data/templates/project/templates/old/survivalkit/partials/html5/article.haml

@@ -1,4 +1,4 @@
-%article#article.element
+%div#article.element
   %h2.element-title
     %a{:href => "http://developers.whatwg.org/sections.html#the-article-element"} Article
   %p
@@ -19,4 +19,4 @@
         sending whatever you're saying to the world. Seriously.
       %p …
       %footer
-        %a{:href => "?comments=1"} Show comments...
+        %a{:href => "?comments=1"} Show comments...

data/templates/project/templates/old/survivalkit/partials/html5/aside.haml

@@ -1,4 +1,4 @@
-%article#aside.element
+%div#aside.element
   %h2.element-title
     %a{:href => "http://developers.whatwg.org/sections.html#the-aside-element"} Aside
   %p
@@ -17,4 +17,4 @@
       %p
         Switzerland, a land-locked country in the middle of geographic
         Europe, has not joined the geopolitical European Union, though it is
-        a signatory to a number of European treaties.
+        a signatory to a number of European treaties.