groundworkcss 2.0.4 → 2.2.1

data/README.md

@@ -197,4 +197,5 @@ By default assets that are precompiled will be located in the `public/assets/` f
 # Dependencies
 * compass-rails (~> 1)
 * rails (~> 3.1)
-* jquery-rails (~> 1.0)
+* jquery-rails (~> 3)
+* autoprefixer-rails (~> 0.7)

data/app/assets/javascripts/groundworkcss/components/checklists.coffee

@@ -5,4 +5,4 @@ $ ->
       $(@).attr('aria-checked', "false")
     else
       $(@).attr('aria-checked', "true")
-    $(@).removeClass('checked completed').removeAttr('data-checked').removeAttr('checked')
+    $(@).removeClass('checked completed').removeAttr('data-checked checked')

data/app/assets/javascripts/groundworkcss/components/equalizeColumns.coffee

@@ -1,13 +1,12 @@
 $(window).on 'load resize',  ->
-  # initialize after page load and on resize
-  equalizeColumns();
+  equalizeColumns()
 
 equalizeColumns = ->
   $('.row.equalize').each ->
     $row = $ this
     tallest = 0
     collapsed = false
-    
+
     $row.children().each (i) ->
       $this = $ this
       $this.css('minHeight','1px')
@@ -16,6 +15,5 @@ equalizeColumns = ->
         $this.addClass('equal') unless $this.hasClass('equal')
         if $this.outerHeight() > tallest
           tallest = $this.outerHeight()
-      return 
 
     $row.children().css('min-height', tallest) unless collapsed

data/app/assets/javascripts/groundworkcss/components/forms.coffee

@@ -1,36 +1,29 @@
 $ ->
+
   $body = $ 'body'
-  # select all text in invalid input field on focus
   $body.on 'click', [
       '.error input'
       '.error textarea'
       '.invalid input'
       '.invalid textarea'
       'input.error'
-      'textarea.error '
-      'input.invalid' 
-      'textarea.invalid '
+      'textarea.error'
+      'input.invalid'
+      'textarea.invalid'
     ].join(','), ->
-      $(this).focus().select()
+    $(@).focus().select()
 
-  # polyfill select box placeholders
   $('.select select').each ->
-    $this = $ this
-    if $this.children('option').first().val() is '' and $this.children('option').first().attr('selected')
-      $this.addClass('unselected')
-    else
-      $this.removeClass('unselected')
-      
-    return  
-    
+    setSelectState(@)
+
   $body.on 'change', '.select select', ->
-    $this = $ this
-    
-    if $this.children('option').first().val() is '' and $this.children('option').first().attr('selected')
-      $this.addClass('unselected')
-    else
-      $this.removeClass('unselected')
+    setSelectState(@)
 
-    return
-    
-  return
+  setSelectState = (el) ->
+    $el = $(el)
+    firstOptionVal = $el.children('option').first().val()
+    firstOptionSelected = $el.children('option').first().attr('selected')
+    if firstOptionVal == '' and firstOptionSelected
+      $el.addClass('unselected')
+    else
+      $el.removeClass('unselected')

data/app/assets/javascripts/groundworkcss/components/menus.coffee

@@ -17,10 +17,14 @@ $ ->
     $('.dropdown').children('ul').attr
       'aria-expanded': 'false'
       'aria-hidden': 'true'
-    $target.attr('aria-pressed', (if $target.attr('aria-pressed') == 'true' then 'false' else 'true'))
+    if $target.attr('aria-pressed') == 'true'
+      dropdownState = 'false'
+    else
+      dropdownState = 'true'
+    $target.attr('aria-pressed', dropdownState)
     $target.children('ul').attr
-      'aria-expanded': (if $target.attr('aria-pressed') == 'true' then 'true' else 'false')
-      'aria-hidden': (if $target.attr('aria-pressed') == 'true' then 'false' else 'true')
+      'aria-expanded': !dropdownState
+      'aria-hidden': dropdownState
 
   $body.on 'click', '.dropdown', (e) ->
     $target = $(e.currentTarget)
@@ -36,5 +40,6 @@ $ ->
     if $dropdown.length
       $dropdown.attr('aria-pressed', 'false')
 
-  $body.on 'focusout', '.dropdown li:last-child a, .dropdown li:last-child button', (e) ->
+  $body.on 'focusout', '.dropdown li:last-child a,
+                        .dropdown li:last-child button', (e) ->
     $('.dropdown[aria-pressed="true"]').attr('aria-pressed', 'false')

data/app/assets/javascripts/groundworkcss/components/navigation.coffee

@@ -1,8 +1,8 @@
 ###
  *
  *  Responsive Navigation by Gary Hepting
- *  
- *  Open source under the MIT License. 
+ *
+ *  Open source under the MIT License.
  *
  *  Copyright © 2013 Gary Hepting. All rights reserved.
  *
@@ -22,13 +22,18 @@ class ResponsiveNavigation
   init: ->
     @defaultLabel()
     @setupMarkers()
-    @hamburgerHelper()
+    unless @el.hasClass('nocollapse')
+      @hamburgerHelper()
 
   defaultLabel: ->
-    if @el.attr('title') == undefined
-      @el.attr('title', 'Menu')
+    unless @el.hasClass('nocollapse')
+      @el.attr('title', 'Menu') if @el.attr('title') == undefined
 
   setupMarkers: ->
+    @el.find('ul').each ->
+      if $(@).find('li').length
+        $(@).attr('role', 'menu')
+    @el.find('> ul').attr('role', 'menubar') unless $(@el).hasClass('vertical')
     @el.find('li').each ->
       if $(@).find('ul').length
         $(@).attr('role', 'menu')
@@ -39,21 +44,26 @@ class ResponsiveNavigation
 $ ->
 
   mouseBindings = -> # needs more <3
-    $('body').on 'mouseenter', '.nav li[role="menu"]', (e) ->
+    $('body').on 'mouseenter', '.nav:not(.vertical) li[role="menu"]', (e) ->
+      $('.nav:not(.vertical)').not(@).each ->
+        unless $(@).find('button.hamburger').is(':visible')
+          $(@).find('ul[aria-expanded="true"]').attr('aria-expanded', 'false')
       unless $(@).parents('.nav').find('button.hamburger').is(':visible')
         clearTimeout(window.delayMenuClose)
-        $(@).siblings().find('ul[aria-expanded="true"]').attr('aria-expanded', 'false')
-        # $(@).children('ul').attr('aria-expanded', 'true')
-        $(e.target).parents('li[role="menu"]').children('ul').attr('aria-expanded', 'true')
+        expandedSiblings = $(@).siblings().find('ul[aria-expanded="true"]')
+        expandedSiblings.attr('aria-expanded', 'false')
+        targetMenu = $(e.target).parents('li[role="menu"]').children('ul')
+        targetMenu.attr('aria-expanded', 'true')
 
-    $('body').on 'mouseleave', '.nav li[role="menu"]', (e) ->
+    $('body').on 'mouseleave', '.nav:not(.vertical) li[role="menu"]', (e) ->
       unless $(@).parents('.nav').find('button.hamburger').is(':visible')
         window.delayMenuClose = setTimeout( =>
           $(@).find('ul[aria-expanded="true"]').attr('aria-expanded', 'false')
         , 500)
 
   touchBindings = ->
-    $('body').on 'click', '.nav li[role="menu"] > a, .nav li[role="menu"] > button', (e) ->
+    $('body').on 'click', '.nav li[role="menu"] > a,
+                           .nav li[role="menu"] > button', (e) ->
       list = $(@).siblings('ul')
       menu = $(@).parent('[role="menu"]')
       if list.attr('aria-expanded') != 'true'

data/app/assets/javascripts/groundworkcss/components/tabs.coffee

@@ -19,17 +19,25 @@ $ ->
 
   transformTabs = ->
     viewport = $(window).width()
+    accordion = '.tabs.accordion'
+    mobile = '.tabs.accordion.mobile'
+    smalltablet = '.tabs.accordion.small-tablet'
+    ipad = '.tabs.accordion.ipad'
+    notaccordion = '.tabs:not(.accordion)'
+    notmobile = ':not(.mobile)'
+    notsmalltablet = ':not(.small-tablet)'
+    notipad = ':not(.ipad)'
     if viewport <= 480
-      restoreTabStructure('.tabs.accordion.mobile')
-      convertToAccordion('.tabs:not(.accordion):not(.mobile)')
+      restoreTabStructure(mobile)
+      convertToAccordion(notaccordion + notmobile)
     else if viewport < 768
-      restoreTabStructure('.tabs.accordion.mobile, .tabs.accordion.small-tablet')
-      convertToAccordion('.tabs:not(.accordion):not(.mobile):not(.small-tablet)')
+      restoreTabStructure(mobile + ', ' + smalltablet)
+      convertToAccordion(notaccordion + notmobile + notsmalltablet)
     else if viewport <= 1024
-      restoreTabStructure('.tabs.accordion.mobile, .tabs.accordion.small-tablet, .tabs.accordion.ipad')
-      convertToAccordion('.tabs:not(.accordion):not(.mobile):not(.small-tablet):not(.ipad)')
+      restoreTabStructure(mobile + ', ' + smalltablet + ', ' + ipad)
+      convertToAccordion(notaccordion + notmobile + notsmalltablet + notipad)
     else if viewport > 1024
-      restoreTabStructure('.tabs.accordion')
+      restoreTabStructure(accordion)
 
   convertToAccordion = (tabTypes) ->
     tabTypes = $(tabTypes)
@@ -38,7 +46,8 @@ $ ->
       tabs.addClass('accordion')
       tabs.find('> div').each ->
         tabpanel = $(@).clone()
-        tabs.find('li[aria-controls="#'+tabpanel.attr('id')+'"]').after(tabpanel)
+        tablink = 'li[aria-controls="#'+tabpanel.attr('id')+'"]'
+        tabs.find(tablink).after(tabpanel)
         $(@).remove()
 
   restoreTabStructure = (tabTypes) ->

data/app/assets/javascripts/groundworkcss/plugins/jquery-placeholderText.coffee

@@ -1,3 +1,13 @@
+###
+ *
+ *  jQuery PlaceholderText by Gary Hepting
+ *
+ *  Open source under the MIT License.
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+###
+
 (($) ->
 
   $.fn.placeholderText = (options) ->
@@ -23,11 +33,11 @@
     placeholder[9] = "Aenean placerat. In vulputate urna eu arcu. Aliquam erat volutpat. Suspendisse potenti. Morbi mattis felis at nunc. Duis viverra diam non justo. In nisl. Nullam sit amet magna in magna gravida vehicula. Mauris tincidunt sem sed arcu. Nunc posuere. Nullam lectus justo, vulputate eget, mollis sed, tempor sed, magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam neque. Curabitur ligula sapien, pulvinar a, vestibulum quis, facilisis vel, sapien. Nullam eget nisl. Donec vitae arcu."
 
     createPlaceholderContent = (el) ->
-      options =
-        type: $(el).data('placeholderType') if $(el).data('placeholderType') != 'undefined'
-        amount: $(el).data('placeholderAmount') if $(el).data('placeholderAmount') != 'undefined'
-        html: $(el).data('placeholderHtml') if $(el).data('placeholderHtml') != 'undefined'
-        punctuation: $(el).data('placeholderPunctuation') if $(el).data('placeholderPunctuation') != 'undefined'
+      options = {}
+      options.type = $(el).data('placeholderType') if $(el).data('placeholderType') != 'undefined'
+      options.amount = $(el).data('placeholderAmount') if $(el).data('placeholderAmount') != 'undefined'
+      options.html = $(el).data('placeholderHtml') if $(el).data('placeholderHtml') != 'undefined'
+      options.punctuation = $(el).data('placeholderPunctuation') if $(el).data('placeholderPunctuation') != 'undefined'
 
       opts = $.extend({}, $.fn.placeholderText.defaults, options)
 

data/app/assets/javascripts/groundworkcss/plugins/jquery-responsiveTables.coffee

@@ -1,8 +1,9 @@
 ###
  *
- *  jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/jquery-responsive-tables
- *  
- *  Open source under the MIT License. 
+ *  jQuery ResponsiveTables by Gary Hepting
+ *  https://github.com/ghepting/jquery-responsive-tables
+ *
+ *  Open source under the MIT License.
  *
  *  Copyright © 2013 Gary Hepting. All rights reserved.
  *

data/app/assets/javascripts/groundworkcss/plugins/jquery-responsiveText.coffee

@@ -1,8 +1,9 @@
 ###
  *
- *  jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/jquery-responsive-text
- *  
- *  Open source under the MIT License. 
+ *  jQuery ResponsiveText by Gary Hepting
+ *  https://github.com/ghepting/jquery-responsive-text
+ *
+ *  Open source under the MIT License.
  *
  *  Copyright © 2013 Gary Hepting. All rights reserved.
  *
@@ -31,7 +32,10 @@ class ResponsiveText
     @scrollOnHover() if @scrollable
 
   resizeText: ->
-    $(@el).css "font-size", Math.floor( Math.max( Math.min( ($(@el).width() / @compression), @maxFontSize ), @minFontSize ) )
+    calculatedFontSize = $(@el).width() / @compression
+    fontSize = Math.max(Math.min(calculatedFontSize,@maxFontSize),@minFontSize)
+    $(@el).css
+      "font-size": Math.floor(fontSize)
 
   adjustOnLoad: ->
     $(window).on 'load', =>

data/app/assets/javascripts/groundworkcss/plugins/jquery-truncateLines.coffee

@@ -1,8 +1,9 @@
 ###
  *
- *  jQuery truncateLines by Gary Hepting - https://github.com/ghepting/jquery-truncate-lines
- *  
- *  Open source under the MIT License. 
+ *  jQuery TruncateLines by Gary Hepting
+ *  https://github.com/ghepting/jquery-truncate-lines
+ *
+ *  Open source under the MIT License.
  *
  *  Copyright © 2013 Gary Hepting. All rights reserved.
  *
@@ -18,8 +19,8 @@ class TruncateLines
     @index = truncateIndex++
     @text = $(@el).text()
     $(@el).attr('data-text',@text)
-    @words = @text.trim().split(" ")                # store words in array
-    @lines = parseInt($(@el).attr('data-truncate'))         # store maximum number of lines
+    @words = @text.trim().split(" ")
+    @lines = parseInt($(@el).attr('data-truncate'))
     @truncate()
     @adjustOnResize()
 
@@ -33,26 +34,26 @@ class TruncateLines
       .attr('data-truncated', 'false')
 
   measure: ->
-    @reset()                                              # reset element state
-    $(@el).html(".")                                      # set element to have single line
+    @reset()
+    $(@el).html(".")
     @singleLineHeight = $(@el).outerHeight()
     i = 1
-    while i++ < @lines                                    # set element to have the maximum number of lines
+    while i++ < @lines
       $(@el).append("<br>.")
-    @maxLinesHeight = $(@el).outerHeight()                # store the height of the element when it is at the max number of lines
+    @maxLinesHeight = $(@el).outerHeight()
 
   empty: ->
-    $(@el).html("")                                       # clear the element
+    $(@el).html("")
 
   setContent: ->
-    @reset()                                              # reset element state
-    truncated = false                                     # reset truncated state
+    @reset()
+    truncated = false
     @addWords(@words.length)
     if @tooBig()
       # binary build-up the string -- Thanks @BananaNeil  :]
       @addNumberWordsThatFit()
-      $(@el).css('max-height', @maxLinesHeight + 'px')    # set the max height
-      $(@el).attr('data-truncated', true)            # set element truncation state
+      $(@el).css('max-height', @maxLinesHeight + 'px')
+      $(@el).attr('data-truncated', true)
 
   addNumberWordsThatFit: ->
     cant = @words.length
@@ -66,7 +67,7 @@ class TruncateLines
         can = can + mid
       mid = Math.floor(mid/2) || 1
     @addWords(can)
-    $(@el).html( @trimTrailingPunctuation( $(@el).html() ) ) # trim trailing punctuation
+    $(@el).html( @trimTrailingPunctuation( $(@el).html() ) )
 
   addWords: (num) ->
     $(@el).html(@words.slice(0,num).join(" "))
@@ -92,8 +93,11 @@ class TruncateLines
   $.fn.truncateLines = ->
 
     unless truncateInitialized
-      # add CSS for the ellipsis (just so there are no additional file dependencies)
-      $('head').append('<style type="text/css"> [data-truncated="true"] { overflow: hidden; } [data-truncated="true"]:after { content: "..."; position: absolute; } </style>')
+      $('head').append('
+<style type="text/css">
+  [data-truncated="true"] { overflow: hidden; }
+  [data-truncated="true"]:after { content: "..."; position: absolute; }
+</style>')
 
     @each ->
       truncatedLineElements.push( new TruncateLines(@) )
@@ -102,18 +106,3 @@ class TruncateLines
 
 $(window).load ->
   $("[data-truncate]").truncateLines()
-  # $('[data-truncated="true"]').on 'mouseenter', ->
-  #   $(this).html($(this).attr('data-text')).attr('data-truncated', 'false')
-  #   stopScrolling($(this))
-  #   $(this).animate(scrollTop: $(this)[0].scrollHeight, ($(this)[0].scrollHeight * 120))
-  # $('[data-truncated="true"]').on 'mouseleave', ->
-  #   $(this).stop().animate(scrollTop: 0, ($(this)[0].scrollHeight * 5), ->
-  #     $(this).truncateLines()
-  #   )
-  # $('[data-truncated="true"]').on 'mousedown', ->
-  #   stopScrolling($(this))
-  # $('[data-truncated="true"]').on 'mousewheel', ->
-  #   stopScrolling($(this))
-
-# stopScrolling = ($el) ->
-#   $el.stop().css('overflow','auto')

data/app/assets/stylesheets/groundworkcss/_settings.scss

@@ -17,6 +17,8 @@
 // $boxsizing_path:            "/js/libs/boxsizing.htc"; // path to box sizing polyfill (change to absolute path from HTML document root)
 // $PIE_path:                  "/js/libs/PIE.htc"; // path to IE CSS3 polyfill (change to absolute path from HTML document root)
 
+// $oldIE:                     false; // enable polyfills for legacy IE
+
 // =============================================
 //                  Web Fonts
 // =============================================
@@ -248,7 +250,7 @@
 // $type-tags:                 true;
 // $type-elements:             "h1" "h2" "h3" "h4" "h5" "h6" "p"
 //                             "ul" "ol" "dl"
-//                             "q" "quote" "blockquote" "cite"
+//                             "q" "blockquote" "cite"
 //                             "small" "big"
 //                             "b" "strong"
 //                             "em"
@@ -259,7 +261,7 @@
 // $type-classes:              false;
 // $type-classnames:           "h1" "h2" "h3" "h4" "h5" "h6" "p"
 //                             "ul" "ol" "dl"
-//                             "q" "quote" "blockquote" "cite"
+//                             "q" "blockquote" "cite"
 //                             "small" "big" "large"
 //                             "b" "bold" "strong"
 //                             "em" "italic"
@@ -268,12 +270,16 @@
 //                             "code" "pre"
 //                             "invalid" "valid"
 //                             "unstyled";
+// $quote-color:               $font-color;
+// $quote-background:          $border-color;
+// $quote-font:                "source-sans-pro";
 // $styled-lists:              true;
 // $multi-column-classes:      true;
 // $multi-column-names:        "one-column" "two-column" "three-column" "four-column" "five-column";
 // $ui-states:                 "info"  "alert" "warning" "error" "success" "question";
 // $ui-icons:                  "\f05a" "\f06a" "\f071"   "\f057" "\f058"   "\f059";
 // $ui-states-colors:          $info-color $alert-color $warning-color $error-color $success-color $question-color;
+// $ui-states-color-classes:   true;
 // $font-family:               Helvetica, Arial, Geneva, sans-serif;
 // $font-size:                 14px;
 // $line-height:               1.5;
@@ -335,7 +341,7 @@
 //                             "h1" "h2" "h3" "h4" "h5" "h6" "p"
 //                             "ol" "ul" "li" "dl" "dt" "dd"
 //                             "em" "small" "big" "strong" "b" "u" "i" "sub" "sup" "del" "strike"
-//                             "q" "quote" "blockquote" "cite"
+//                             "q" "blockquote" "cite"
 //                             "time" "address"
 //                             "code" "pre"
 //                             "a" "img" "center" "hr"