fortitude-sass 0.6.5 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 605ddd17d2777b46f86fab2f02babd34c00e2529
-  data.tar.gz: 72e6958647ce04e470e865215850a4b040fea60f
+  metadata.gz: 01804f33d10f467bd2636d4f0482780331b7a28c
+  data.tar.gz: f2e1c193938b2152ccccd5e6026682cfc30c730d
 SHA512:
-  metadata.gz: c639fc4b472111029569b4501c3ef2ae7e2370720e194679aefad9ab3205fc74f8093cd05c175a5f8d0f1aacbd9dc234c179e4905025630578122f0c8c3de221
-  data.tar.gz: 86ffdbe2152a493c165123cf38816a186f0f0334b3901725dd251c010fcd145839112503da53b50c59cffc9ef798f463736b417dfb030444de785a9471a3af04
+  metadata.gz: e39500c34d590970983008cdb3877f706f2648744431705e01951ad9442536da2d87b59c463f5bdc6ded181a38e87941d5374d76a775da14b6df18d0ab63aa59
+  data.tar.gz: 2e5f23ff6a2e98b591f499537145a64bffd0e2a3d9afdd469b44642ced9c69bef706095eb7f8097a1998e7b05d7e58f6c16f0925decf5001a3e5bcf44da8c961

data/.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Global Project Settings
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2

data/.gitignore

@@ -7,4 +7,6 @@ tags
 .idea
 *results.css
 bower_components
-node_modules
+node_modules
+dist
+.grunt/

data/.ruby-version

@@ -1 +1 @@
-2.1.4
+2.1.5

data/Gruntfile.js

@@ -2,14 +2,15 @@ module.exports = function(grunt) {
 
   grunt.initConfig({
     pkg: grunt.file.readJSON('package.json'),
-    
+
     app: {
       scss:       'app/assets/stylesheets',
       js:         'app/assets/javascripts',
       img:        'app/assets/images',
       dist:       'dist',
       tmp:        'tmp',
-      sass_specs: 'sass_specs'
+      sass_specs: 'sass_specs',
+      jasmine:    'jasmine'
     },
 
     bower: {
@@ -22,47 +23,63 @@ module.exports = function(grunt) {
         cwd:  '<%= app.img %>',
         src:  '**/*.png',
         dest: '<%= app.dist %>/'
+      },
+      test: {
+        expand: true,
+        cwd: '<%= app.jasmine %>',
+        src: '**/*.html',
+        dest: '<%= app.tmp %>'
       }
     },
-    
+
     sass: {
       dist: {
+        options: {
+          style: 'compact',
+          bundleExec: true,
+          sourcemap: 'none'
+        },
+        files: {
+          '<%= app.dist %>/<%= pkg.name %>.css':       '<%= app.scss %>/fortitude.scss',
+          '<%= app.dist %>/<%= pkg.name %>-theme.css': '<%= app.scss %>/fortitude/theme.scss'
+        },
+      },
+      min: {
         options: {
           style: 'compressed',
           bundleExec: true,
           sourcemap: 'none'
         },
         files: {
-          '<%= app.tmp %>/<%= pkg.name %>.css.min':       '<%= app.scss %>/fortitude.scss',
-          '<%= app.tmp %>/<%= pkg.name %>-theme.css.min': '<%= app.scss %>/fortitude/theme.scss'
+          '<%= app.dist %>/<%= pkg.name %>.min.css':       '<%= app.scss %>/fortitude.scss',
+          '<%= app.dist %>/<%= pkg.name %>-theme.min.css': '<%= app.scss %>/fortitude/theme.scss'
         }
       },
       test: {
         options: {
-          style: 'expanded',
+          style: 'compact',
           loadPath: [
-            '<%= app.scss %>',
-            'node_modules/bootcamp/dist'
+          '<%= app.scss %>',
+          'node_modules/bootcamp/dist'
           ],
           bundleExec: true,
           sourcemap: 'none'
         },
         files: {
           '<%= app.tmp %>/results.css':               '<%= app.sass_specs %>/tests.scss',
-          '<%= app.tmp %>/<%= pkg.name %>.css':       '<%= app.scss %>/fortitude.scss',
-          '<%= app.tmp %>/<%= pkg.name %>-theme.css': '<%= app.scss %>/fortitude/theme.scss'
+          '<%= app.tmp %>/<%= pkg.name %>.css':       '<%= app.scss %>/fortitude.scss'
         }
       }
     },
 
     autoprefixer: {
       options: {
-        browsers: ['last 2 versions', 'ie 8', 'ie 9']
+        browsers: ['last 2 versions', 'ie 9']
       },
       dist: {
         expand: true,
         flatten: true,
-        src: '<%= app.tmp %>/*.css',
+        src: '<%= app.dist %>/*.css',
         dest: '<%= app.dist %>/'
       },
       test: {
@@ -76,26 +93,22 @@ module.exports = function(grunt) {
     csslint: {
       test: {
         options: {
-          'import':                     2,
-          'ids':                        false,
-          'zero-units':                 false,
-          'fallback-colors':            false,
+          'adjoining-classes':          false,
+          'box-model':                  false,
           'box-sizing':                 false,
-          'vendor-prefixes':            false,
           'compatible-vendor-prefixes': false,
-          'universal-selector':         false,
-          'box-model':                  false,
-          'adjoining-classes':          false,
-          'unique-headings':            false,
-          'unqualified-attributes':     false,
-          'font-sizes':                 false,
-          'overqualified-elements':     false,
-          'font-sizes':                 false,
+          'fallback-colors':            false,
           'floats':                     false,
+          'font-sizes':                 false,
+          'important':                  false,
+          'known-properties':           false,
           'outline-none':               false,
-          'known-properties':           false
+          'overqualified-elements':     false,
+          'unique-headings':            false,
+          'universal-selector':         false,
+          'unqualified-attributes':     false
         },
-        src: ['<%= app.tmp %>/<%= pkg.name %>.css', '<%= app.tmp %>/<%= pkg.name %>-theme.css']
+        src: ['<%= app.tmp %>/<%= pkg.name %>.css']
       }
     },
 
@@ -110,11 +123,11 @@ module.exports = function(grunt) {
     concat: {
       dist: {
         src: ['<%= app.js %>/**/*.js'],
-        dest: '<%= app.tmp %>/<%= pkg.name %>.js', 
+        dest: '<%= app.dist %>/<%= pkg.name %>.js',
       },
       test: {
         src: ['<%= app.js %>/**/*.js'],
-        dest: '<%= app.tmp %>/<%= pkg.name %>.js',         
+        dest: '<%= app.tmp %>/<%= pkg.name %>.js',
       }
     },
 
@@ -133,15 +146,36 @@ module.exports = function(grunt) {
 
     jshint: {
       all:  ['<%= app.js %>/**/*.js'],
-      test: ['<%= app.tmp %>/<%= pkg.name %>.js']
+      test: ['<%= app.tmp %>/<%= pkg.name %>.js', '<%= app.jasmine %>/**/*.js']
+    },
+
+    jasmine: {
+      fortitude: {
+        src: 'app/assets/javascripts/**/*.js',
+        options: {
+          specs: '<%= app.jasmine %>/**/*Spec.js',
+          helpers: '<%= app.jasmine %>/**/*Helper.js',
+          styles: [
+            '<%= app.tmp %>/<%= pkg.name %>.css',
+            '<%= app.jasmine %>/fixtures/animations.css'
+          ],
+          vendor: [
+            'node_modules/jquery/dist/jquery.js',
+            'node_modules/jasmine-jquery/lib/jasmine-jquery.js',
+            'node_modules/lodash/index.js'
+          ],
+          outfile: '<%= app.tmp %>/SpecRunner.html',
+          keepRunner: true
+        }
+      }
     },
 
     clean: ['tmp']
   });
 
-  grunt.loadNpmTasks('grunt-bower-task');
-  grunt.loadNpmTasks('grunt-contrib-clean');
-  grunt.loadNpmTasks('grunt-contrib-copy');
+grunt.loadNpmTasks('grunt-bower-task');
+grunt.loadNpmTasks('grunt-contrib-clean');
+grunt.loadNpmTasks('grunt-contrib-copy');
 
   // Sass resources
   grunt.loadNpmTasks('grunt-contrib-sass');
@@ -153,15 +187,16 @@ module.exports = function(grunt) {
   grunt.loadNpmTasks('grunt-contrib-concat');
   grunt.loadNpmTasks('grunt-contrib-uglify');
   grunt.loadNpmTasks('grunt-contrib-jshint');
+  grunt.loadNpmTasks('grunt-contrib-jasmine');
 
   grunt.registerTask('setup', ['bower']);
-  grunt.registerTask('test-css',  ['sass:test', 'autoprefixer:test', 'bootcamp:test', 'csslint:test']);
-  grunt.registerTask('test-js',  ['jshint:all', 'concat:test', 'jshint:test', 'uglify:test']);
+  grunt.registerTask('test-css',  ['build:test', 'bootcamp:test', 'csslint:test']);
+  grunt.registerTask('test-js',  ['build:test', 'jshint:all', 'concat:test', 'jshint:test', 'uglify:test', 'jasmine']);
 
   grunt.registerTask('test',  ['test-css', 'test-js', 'clean']);
-  grunt.registerTask('build',  ['sass:dist', 'autoprefixer:dist', 'concat:dist', 'uglify:dist', 'copy:dist']);
+  grunt.registerTask('build:test',  ['sass:test', 'autoprefixer:test', 'copy:test']);
+  grunt.registerTask('build',  ['sass:dist', 'sass:min', 'autoprefixer:dist', 'concat:dist', 'uglify:dist', 'copy:dist']);
 
   grunt.registerTask('default', ['test']);
 
-
-};
+};

data/app/assets/javascripts/fortitude/blocks/dropdown.js

@@ -0,0 +1,44 @@
+(function($){
+  'use strict';
+
+  $(document).on('open.ft.dropdown', '.dropdown', function(event){
+    var $dropdown = $(this),
+        dropdownIdentifier = $dropdown.data('ftDropdown');
+
+    $dropdown.ftTransitionWith({
+      dataAttr: 'ftShowClass',
+      endEvent: 'opened.ft.dropdown'
+    }).then(function(){
+      $dropdown.prop('checked', true);
+    });
+
+    if(dropdownIdentifier){
+      $('[data-ft-dropdown="' + dropdownIdentifier + '"]').each(function(){
+        var $element = $(this);
+        if(!$element.is($dropdown)){
+          $element.trigger('close.ft.dropdown');
+        }
+      });
+    }
+  });
+
+  $(document).on('close.ft.dropdown', '.dropdown', function(event){
+    $(this).ftTransitionWith({
+             dataAttr: 'ftHideClass'
+           }).then(function(){
+             $(this).find('.dropdown__toggle').prop('checked', false);
+             $(this).trigger('closed.ft.dropdown');
+           });
+  });
+
+  $(document).on('change', '.dropdown > .dropdown__toggle', function(event){
+    var $this = $(this);
+    if($this.is(':checked')){
+      $(this).closest('.dropdown').trigger('open.ft.dropdown');
+    } else {
+      $(this).closest('.dropdown').trigger('close.ft.dropdown');
+    }
+
+  });
+
+})(jQuery);

data/app/assets/javascripts/fortitude/blocks/flashbar.js

@@ -0,0 +1,24 @@
+(function($) {
+  'use strict';
+  
+  $(document).on('close.ft.flashbar', '.flashbar', function(event) {
+    $(this).ftTransitionWith({
+      dataAttr: 'ftHideClass',
+      addClass: 'flashbar--closed',
+      endEvent: 'closed.ft.flashbar'
+    });
+  });
+
+  $(document).on('open.ft.flashbar', '.flashbar', function(event){
+    $(this).ftTransitionWith({
+      dataAttr: 'ftShowClass',
+      removeClass: 'flashbar--closed',
+      endEvent: 'opened.ft.flashbar'
+    });
+  });
+
+  $(document).on('click', '.flashbar__close', function(event){
+    $(this).closest('.flashbar').trigger('close.ft.flashbar');
+  });
+
+})(jQuery);

data/app/assets/javascripts/fortitude/blocks/modal.js

@@ -0,0 +1,50 @@
+(function($) {
+  'use strict';
+
+  $(document).on('open.ft.modal', '.modal', function(event) {
+    var $this = $(this);
+
+    $.screenLock(true);
+    $('.shade').trigger('open.ft.shade');
+    $('.container--fixed-top').css({
+      paddingRight: $.measureScrollBar()
+    });
+
+    $this.ftTransitionWith({
+      dataAttr: 'ftShowClass',
+      addClass: 'modal--is-active',
+      endEvent: 'opened.ft.modal'
+    });
+  });
+
+  $(document).on('close.ft.modal', '.modal', function(event) {
+    var $this = $(this);
+
+    $.screenLock(false);
+    $('.shade').trigger('close.ft.shade');
+    $('.container--fixed-top').css({
+      paddingRight: $.measureScrollBar()
+    });
+
+    $this.ftTransitionWith({
+      dataAttr: 'ftHideClass',
+      removeClass: 'modal--is-active',
+      endEvent: 'closed.ft.modal'
+    });
+  });
+
+  $(document).on('click', '[data-ft-modal]', function(){
+    var $target = $.ftGetTarget($(this), 'ftModal');
+    $target.trigger('open.ft.modal');
+  });
+
+  $(document).on('click', '[data-ft-modal-close]', function(){
+    var $target = $.ftGetTarget($(this), 'ftModalClose');
+    $target.trigger('close.ft.modal');
+  });
+
+  $(document).on('click', '.shade', function(){
+    $('.modal--is-active').trigger('close.ft.modal');
+  });
+
+})(jQuery);

data/app/assets/javascripts/fortitude/blocks/navigationbar.js

@@ -0,0 +1,11 @@
+(function($) {
+  'use strict';
+
+  $(document).on('change', '.navigationbar__toggle__helper', function(){
+    if($(this).prop('checked')){
+      $('.shade').trigger('open.ft.shade');
+    } else {
+      $('.shade').trigger('close.ft.shade');
+    }
+  });
+})(jQuery);

data/app/assets/javascripts/fortitude/blocks/select-input.js

@@ -0,0 +1,38 @@
+(function($) {
+  'use strict';
+
+  var $document = $(document);
+
+  var setClassName = function() {
+    var $this = $(this),
+        className = $this.find(':selected').attr('class') || "",
+        data = $this.data('ftSelect') || {};
+    
+    if (className !== data.previousClass) {
+      $this
+        .addClass(className)
+        .removeClass(data.previousClass)
+        .data('ftSelect', $.merge({previousClass: className}, data));
+    }
+  };
+
+  var setupSelectInputs = function(){
+    $document
+      .find('.select-input')
+      .data('ftSelect', {previousClass: ""})
+      .each(setClassName);
+  };
+
+  $document.on('change.ft.select', 'select:not([multiple])', setClassName);
+
+  $document.on('DOMContentLoaded', function() {
+    setupSelectInputs();
+  });
+
+  $document.on('setup.ft.select', function(){
+    setupSelectInputs();
+  });
+
+  setTimeout(setupSelectInputs, 0);
+
+})(jQuery);

data/app/assets/javascripts/fortitude/blocks/shade.js

@@ -0,0 +1,28 @@
+(function($) {
+  'use strict';
+
+  $(document).on('open.ft.shade', '.shade', function(event) {
+    $(this).ftTransitionWith({
+      dataAttr: 'ftShowClass',
+      addClass: 'shade--is-active',
+      endEvent: 'opened.ft.shade'
+    });
+  });
+
+  $(document).on('close.ft.shade', '.shade', function(event) {
+    $(this).ftTransitionWith({
+      dataAttr: 'ftHideClass',
+      removeClass: 'shade--is-active',
+      endEvent: 'closed.ft.shade'
+    });
+  });
+
+  $(document).on('click', '.shade', function(event) {
+    $(this).trigger('close.ft.shade');
+  });
+
+  $(document).on('click', '[data-ft-shade]', function(event) {
+    $('.shade').trigger('open.ft.shade');
+  });
+
+})(jQuery);