Initial commit blank container element

10 years ago · 8f3bffeeb2
25 changed files with 221 additions and 34 deletions
--- a/dist/components/accordion.js
+++ b/dist/components/accordion.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Accordion
+ * # Semantic UI 1.11.0 - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/components/accordion.min.js
+++ b/dist/components/accordion.min.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Accordion
+ * # Semantic UI 1.11.0 - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/components/checkbox.js
+++ b/dist/components/checkbox.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Checkbox
+ * # Semantic UI 1.11.0 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/components/checkbox.min.js
+++ b/dist/components/checkbox.min.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Checkbox
+ * # Semantic UI 1.11.0 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/components/container.css
+++ b/dist/components/container.css
@ -0,0 +1,39 @@
+/*!
+ * # Semantic UI 1.11.0 - Container
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2014 Contributorss
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Container
+*******************************/
+
+
+/*-------------------
+       Animated
+--------------------*/
+
+
+
+/*******************************
+             Types
+*******************************/
+
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+
--- a/dist/components/container.min.css
+++ b/dist/components/container.min.css
@ -0,0 +1,10 @@
+/*!
+ * # Semantic UI 1.11.0 - Container
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2014 Contributorss
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
--- a/dist/components/dimmer.js
+++ b/dist/components/dimmer.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Dimmer
+ * # Semantic UI 1.11.0 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
@ -215,6 +215,9 @@ $.fn.dimmer = function(parameters) {
              : function(){}
            ;
            if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) {
+              if(settings.opacity !== 'auto') {
+                module.set.opacity();
+              }
              $dimmer
                .transition({
                  animation   : settings.transition + ' in',
@ -234,6 +237,9 @@ $.fn.dimmer = function(parameters) {
            else {
              module.verbose('Showing dimmer animation with javascript');
              module.set.dimmed();
+              if(settings.opacity == 'auto') {
+                settings.opacity = 0.8;
+              }
              $dimmer
                .stop()
                .css({
@ -241,7 +247,7 @@ $.fn.dimmer = function(parameters) {
                  width   : '100%',
                  height  : '100%'
                })
-                .fadeTo(module.get.duration(), 1, function() {
+                .fadeTo(module.get.duration(), settings.opacity, function() {
                  $dimmer.removeAttr('style');
                  module.set.active();
                  callback();
@ -361,6 +367,23 @@ $.fn.dimmer = function(parameters) {
        },

        set: {
+          opacity: function(opacity) {
+            var
+              opacity    = settings.opacity || opacity,
+              color      = $dimmer.css('background-color'),
+              colorArray = color.split(','),
+              isRGBA     = (colorArray && colorArray.length == 4)
+            ;
+            if(isRGBA) {
+              colorArray[3] = opacity + ')';
+              color         = colorArray.join(',');
+            }
+            else {
+              color = 'rgba(0, 0, 0, ' + opacity + ')';
+            }
+            module.debug('Setting opacity to', opacity);
+            $dimmer.css('background-color', color);
+          },
          active: function() {
            $dimmer.addClass(className.active);
          },
@ -583,13 +606,28 @@ $.fn.dimmer.settings = {
  verbose     : true,
  performance : true,

+  // name to distinguish between multiple dimmers in context
  dimmerName  : false,
+
+  // whether to add a variation type
  variation   : false,
+
+  // whether to bind close events
  closable    : 'auto',
-  transition  : 'fade',
+
+  // whether to use css animations
  useCSS      : true,
+
+  // css animation to use
+  transition  : 'fade',
+
+  // event to bind to
  on          : false,

+  // overriding opacity value
+  opacity     : 'auto',
+
+  // transition durations
  duration    : {
    show : 500,
    hide : 500
--- a/dist/components/dimmer.min.js
+++ b/dist/components/dimmer.min.js
--- a/dist/components/dropdown.js
+++ b/dist/components/dropdown.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Dropdown
+ * # Semantic UI 1.11.0 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
@ -141,9 +141,9 @@ $.fn.dropdown = function(parameters) {

        create: {
          id: function() {
-            module.verbose('Creating unique id for element');
-            id = module.get.uniqueID();
+            id = (Math.random().toString(16) + '000000000').substr(2,8);
            elementNamespace = '.' + id;
+            module.verbose('Creating unique id for element', id);
          }
        },

@ -456,6 +456,7 @@ $.fn.dropdown = function(parameters) {
          ;
          if(hasSelected) {
            module.event.item.click.call($selectedItem);
+            module.remove.filteredItem();
          }
        },

@ -822,6 +823,9 @@ $.fn.dropdown = function(parameters) {
        },

        get: {
+          id: function() {
+            return id;
+          },
          text: function() {
            return $text.text();
          },
@ -969,9 +973,6 @@ $.fn.dropdown = function(parameters) {
              value = module.get.text();
            }
            return $selectedItem || false;
-          },
-          uniqueID: function() {
-            return (Math.random().toString(16) + '000000000').substr(2,8);
          }
        },

--- a/dist/components/form.js
+++ b/dist/components/form.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Form Validation
+ * # Semantic UI 1.11.0 - Form Validation
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/components/form.min.js
+++ b/dist/components/form.min.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Form Validation
+ * # Semantic UI 1.11.0 - Form Validation
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/components/site.js
+++ b/dist/components/site.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Site
+ * # Semantic UI 1.11.0 - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/components/site.min.js
+++ b/dist/components/site.min.js
@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.10.4 - Site
+ * # Semantic UI 1.11.0 - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
--- a/dist/semantic.css
+++ b/dist/semantic.css
@ -1,5 +1,5 @@
 /*
- * # Semantic UI - 1.10.4
+ * # Semantic UI - 1.11.0
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
@ -3368,6 +3368,36 @@ input::selection {
         Theme Overrides
 *******************************/

+/*******************************
+         Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 1.11.0 - Container
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2014 Contributorss
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Container
+*******************************/
+
+/*-------------------
+       Animated
+--------------------*/
+
+/*******************************
+             Types
+*******************************/
+
+/*******************************
+         Theme Overrides
+*******************************/
+
 /*******************************
         Site Overrides
 *******************************/
--- a/dist/semantic.min.css
+++ b/dist/semantic.min.css
@ -1,5 +1,5 @@
 /*
- * # Semantic UI - 1.10.4
+ * # Semantic UI - 1.11.0
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
--- a/src/_site/elements/container.overrides
+++ b/src/_site/elements/container.overrides
@ -0,0 +1,3 @@
+/*******************************
+         Site Overrides
+*******************************/
--- a/src/_site/elements/container.variables
+++ b/src/_site/elements/container.variables
@ -0,0 +1,3 @@
+/*******************************
+    User Variable Overrides
+*******************************/
--- a/src/definitions/elements/container.less
+++ b/src/definitions/elements/container.less
@ -0,0 +1,45 @@
+/*!
+ * # Semantic UI - Container
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2014 Contributorss
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'element';
+@element : 'container';
+
+@import (multiple) '../../theme.config';
+
+& {
+
+/*******************************
+            Container
+*******************************/
+
+/*-------------------
+       Animated
+--------------------*/
+
+.ui.container {
+
+}
+
+
+/*******************************
+             Types
+*******************************/
+
+
+
+
+.loadUIOverrides();
+
+}
--- a/src/theme.config.example
+++ b/src/theme.config.example
@ -23,6 +23,7 @@

 /* Elements */
@button     : 'default';
+@container  : 'default';
@divider    : 'default';
@flag       : 'default';
@header     : 'default';
@ -82,17 +83,6 @@
@siteFolder  : 'site/';


-/*******************************
-            Folders
-*******************************/
-
-/* Path to theme packages */
-@themesFolder : 'themes/';
-
-/* Path to site override folder */
-@siteFolder  : 'site/';
-
-
 /*******************************
         Import Theme
 *******************************/
--- a/src/themes/default/elements/container.overrides
+++ b/src/themes/default/elements/container.overrides
@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/
--- a/src/themes/default/elements/container.variables
+++ b/src/themes/default/elements/container.variables
@ -0,0 +1,13 @@
+/*******************************
+            Container
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+
+
+/*-------------------
+        Types
+--------------------*/
--- a/tasks/build.js
+++ b/tasks/build.js
@ -66,7 +66,7 @@ module.exports = function(callback) {

  // unified css stream
  stream = gulp.src(source.definitions + '/**/' + globs.components + '.less')
-    .pipe(plumber())
+    .pipe(plumber(settings.plumber.less))
    .pipe(less(settings.less))
    .pipe(autoprefixer(settings.prefix))
    .pipe(replace(comments.variables.in, comments.variables.out))
--- a/tasks/config/defaults.js
+++ b/tasks/config/defaults.js
@ -49,6 +49,7 @@ module.exports = {

    // elements
    'button',
+    'container',
    'divider',
    'flag',
    'header',
--- a/tasks/config/project/tasks.js
+++ b/tasks/config/project/tasks.js
@ -1,4 +1,5 @@
 var
+  console = require('better-console'),
  config  = require('../user'),
  release = require('./release')
 ;
@ -76,6 +77,16 @@ module.exports = {
      url        : release.url
    },

+    plumber: {
+      less: {
+        errorHandler: function(error) {
+          if(error.filename.match(/theme.less/)) {
+            console.error('Looks like your theme.config is out of date. You will need to add new elements from theme.config.example');
+          }
+        }
+      }
+    },
+
    /* What Browsers to Prefix */
    prefix: {
      browsers: [
--- a/tasks/watch.js
+++ b/tasks/watch.js
@ -134,7 +134,7 @@ module.exports = function(callback) {

        // unified css stream
        stream = gulp.src(lessPath)
-          .pipe(plumber())
+          .pipe(plumber(settings.plumber.less))
          .pipe(less(settings.less))
          .pipe(replace(comments.variables.in, comments.variables.out))
          .pipe(replace(comments.license.in, comments.license.out))