semantic-ui-sass 0.8.1.0 → 0.8.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e9de3a4612706362ed9503428902d56b17b7d0de
-  data.tar.gz: eb9eb374b7b126d6246aadbdd761689ab34ac536
+  metadata.gz: 5b23b21a8fc362e7175983258be1fd66db11628e
+  data.tar.gz: 7c324ad9aa03c5b716100d52290d9379cc10005d
 SHA512:
-  metadata.gz: dd33957adadcdfb1b54c8a348874e1513e5a16e3e5131f737d5e7d9dacb5ef98ce8b673072c04ad8b97244196d69e7ef0624c86677a8b1818e8926a15622379f
-  data.tar.gz: e959cafffeeae3ff4f23d509ebc3a376ef84cdad620ab9f849973eee530f73ea3b7881aab1b8665898cfe62a3d7ae0c47e3c62fd641dbbd8ece11e812142262e
+  metadata.gz: 5dca4f62ea6fcb91f4946186517554717ddbe0f75247074761bf07fc8ad498c691084e8810c237eb3ff0e03441ba9d82a44034f36bb420c04bc18919bddf20f0
+  data.tar.gz: a9c5f4c3cbe2ccedcf67b773cc0d67be5c1d621d73dcf255d3b0984a4c0ace25243fe81afc86adbe6f9987df30afbe92ee1915e7f8afe2f784ddac70229da1e2

data/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.8.2.0
+
+* Update Semantic UI to 0.8.2
+
+* Add autoprefixer
+
+* Remove sqlite3
+
 ## 0.8.1.0
 
 * Update Semantic UI to 0.8.1

data/README.md

@@ -5,7 +5,7 @@
 ## Installation and Usage
 
 ```ruby
-gem 'semantic-ui-sass', '~> 0.8.1.0'
+gem 'semantic-ui-sass', '~> 0.8.2.0'
 ```
 or
 

data/app/assets/javascripts/semantic-ui/dimmer.js

@@ -155,7 +155,7 @@ $.fn.dimmer = function(parameters) {
               : function(){}
             ;
             module.set.dimmed();
-            if($.fn.transition !== undefined) {
+            if($.fn.transition !== undefined && settings.useCSS) {
               $dimmer
                 .transition({
                   animation : settings.transition + ' in',
@@ -190,7 +190,7 @@ $.fn.dimmer = function(parameters) {
               ? callback
               : function(){}
             ;
-            if($.fn.transition !== undefined) {
+            if($.fn.transition !== undefined && settings.useCSS) {
               module.verbose('Hiding dimmer with css');
               $dimmer
                 .transition({
@@ -548,8 +548,10 @@ $.fn.dimmer.settings = {
   performance : true,
 
   transition  : 'fade',
+  useCSS      : true,
   on          : false,
   closable    : true,
+
   duration    : {
     show : 500,
     hide : 500

data/app/assets/javascripts/semantic-ui/modal.js

@@ -67,12 +67,12 @@ $.fn.modal = function(parameters) {
             module.error(error.dimmer);
             return;
           }
-
           $dimmable = $context
             .dimmer({
               closable : false,
-              show     : settings.duration * 0.95,
-              hide     : settings.duration * 1.05
+              useCSS   : module.is.modernBrowser(),
+              show     : settings.duration * 0.9,
+              hide     : settings.duration * 1.1
             })
             .dimmer('add content', $module)
           ;
@@ -145,7 +145,7 @@ $.fn.modal = function(parameters) {
           close: function() {
             module.verbose('Closing element pressed');
             if( $(this).is(selector.approve) ) {
-              if($.proxy(settings.onApprove, element)()) {
+              if($.proxy(settings.onApprove, element)() !== false) {
                 module.hide();
               }
               else {
@@ -153,7 +153,7 @@ $.fn.modal = function(parameters) {
               }
             }
             else if( $(this).is(selector.deny) ) {
-              if($.proxy(settings.onDeny, element)()) {
+              if($.proxy(settings.onDeny, element)() !== false) {
                 module.hide();
               }
               else {
@@ -340,6 +340,10 @@ $.fn.modal = function(parameters) {
         is: {
           active: function() {
             return $module.hasClass(className.active);
+          },
+          modernBrowser: function() {
+            // lol
+            return (navigator.appName !== 'Microsoft Internet Explorer');
           }
         },
 
@@ -571,8 +575,9 @@ $.fn.modal.settings = {
 
   name        : 'Modal',
   namespace   : 'modal',
-  verbose     : true,
+
   debug       : true,
+  verbose     : true,
   performance : true,
 
   closable    : true,

data/app/assets/javascripts/semantic-ui/popup.js

@@ -104,7 +104,6 @@ $.fn.popup = function(parameters) {
             $offsetParent = $target.offsetParent();
           }
           else {
-            console.log('found by refresh');
             $popup = $window.children(selector.popup).last();
           }
         },

data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss

@@ -18,9 +18,11 @@
   display: inline-block;
   vertical-align: middle;
 }
+
 .ui.breadcrumb:first-child {
   margin-top: 0em;
 }
+
 .ui.breadcrumb:last-child {
   margin-bottom: 0em;
 }
@@ -33,7 +35,6 @@
   display: inline-block;
   opacity: 0.5;
   margin: 0em 0.15em 0em;
-
   font-size: 1em;
   color: rgba(0, 0, 0, 0.3);
 }
@@ -41,6 +42,7 @@
 .ui.breadcrumb a.section {
   cursor: pointer;
 }
+
 .ui.breadcrumb .section {
   display: inline-block;
   margin: 0em;
@@ -48,6 +50,7 @@
 }
 
 /* Loose Coupling */
+
 .ui.breadcrumb.segment {
   display: inline-block;
   padding: 0.5em 1em;
@@ -61,7 +64,6 @@
   font-weight: bold;
 }
 
-
 /*******************************
            Variations
 *******************************/
@@ -69,9 +71,11 @@
 .ui.small.breadcrumb {
   font-size: 0.75em;
 }
+
 .ui.large.breadcrumb {
   font-size: 1.1em;
 }
+
 .ui.huge.breadcrumb {
   font-size: 1.3em;
 }

data/app/assets/stylesheets/semantic-ui/collections/_form.scss

@@ -9,7 +9,6 @@
  *
  */
 
-
 /*******************************
            Standard
 *******************************/
@@ -22,9 +21,11 @@
   position: relative;
   max-width: 100%;
 }
+
 .ui.form :first-child {
   margin-top: 0em;
 }
+
 .ui.form :last-child {
   margin-bottom: 0em;
 }
@@ -53,7 +54,6 @@
 .ui.form .field > label {
   margin: 0em 0em 0.3em;
   display: block;
-
   color: #555555;
   font-size: 0.875em;
 }
@@ -62,7 +62,6 @@
     Standard Inputs
 ---------------------*/
 
-
 .ui.form textarea,
 .ui.form select,
 .ui.form input[type="text"],
@@ -82,56 +81,25 @@
 .ui.form input[type="date"],
 .ui.form input[type="password"],
 .ui.form input[type="number"],
-.ui.form input[type="tel"]{
-
+.ui.form input[type="tel"] {
   margin: 0em;
   padding: 0.85em 1.2em;
   font-size: 0.875em;
-
   background-color: #FFFFFF;
   border: 1px solid rgba(0, 0, 0, 0.15);
   outline: none;
-
-
   color: rgba(0, 0, 0, 0.7);
-
-  -webkit-border-radius: 0.3125em;
-  -moz-border-radius: 0.3125em;
   border-radius: 0.3125em;
-
-  -webkit-transition:
-    background-color 0.3s ease-out,
+  -webkit-transition: background-color 0.3s ease-out,
+    -webkit-box-shadow 0.2s ease,
+    border-color 0.2s ease;
+  transition: background-color 0.3s ease-out,
     box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-  -moz-transition:
-    background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-  -o-transition:
-    background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-  -ms-transition:
-    background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-  transition:
-    background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-
+    border-color 0.2s ease;
   -webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
-  -moz-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
   box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
-
   -webkit-appearance: none;
-  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
-
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
@@ -161,7 +129,6 @@
   margin: 1em 0em;
 }
 
-
 /*--------------------
    Types of Messages
 ---------------------*/
@@ -173,6 +140,7 @@
 }
 
 /* Assumptions */
+
 .ui.form .message:first-child {
   margin-top: 0px;
 }
@@ -184,10 +152,12 @@
 .ui.form .field .prompt.label {
   white-space: nowrap;
 }
+
 .ui.form .inline.field .prompt {
   margin-top: 0em;
   margin-left: 1em;
 }
+
 .ui.form .inline.field .prompt:before {
   margin-top: -0.3em;
   bottom: auto;
@@ -196,12 +166,10 @@
   left: 0em;
 }
 
-
 /*******************************
             States
 *******************************/
 
-
 /*--------------------
         Focus
 ---------------------*/
@@ -213,16 +181,13 @@
 .ui.form input[type="number"]:focus,
 .ui.form input[type="tel"]:focus,
 .ui.form textarea:focus,
-.ui.form select:focus{
+.ui.form select:focus {
   color: rgba(0, 0, 0, 0.85);
   border-color: rgba(0, 0, 0, 0.2);
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-
   -webkit-appearance: none;
-
   -webkit-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset;
-  -moz-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset;
 }
 
@@ -231,6 +196,7 @@
 ---------------------*/
 
 /* On Form */
+
 .ui.form.warning .warning.message {
   display: block;
 }
@@ -240,15 +206,18 @@
 ---------------------*/
 
 /* On Form */
+
 .ui.form.error .error.message {
   display: block;
 }
 
 /* On Field(s) */
+
 .ui.form .fields.error .field label,
 .ui.form .field.error label {
   color: #D95C5C;
 }
+
 .ui.form .fields.error .field textarea,
 .ui.form .fields.error .field input[type="text"],
 .ui.form .fields.error .field input[type="email"],
@@ -262,35 +231,29 @@
 .ui.form .field.error input[type="date"],
 .ui.form .field.error input[type="password"],
 .ui.form .field.error input[type="number"],
-.ui.form .field.error input[type="tel"]{
+.ui.form .field.error input[type="tel"] {
   background-color: #FFFAFA;
   border-color: #E7BEBE;
   border-left: none;
-
   color: #D95C5C;
   padding-left: 1.2em;
-
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-
   -webkit-box-shadow: 0.3em 0em 0em 0em #D95C5C inset;
-  -moz-box-shadow: 0.3em 0em 0em 0em #D95C5C inset;
   box-shadow: 0.3em 0em 0em 0em #D95C5C inset;
-
 }
+
 .ui.form .field.error textarea:focus,
 .ui.form .field.error input[type="text"]:focus,
 .ui.form .field.error input[type="email"]:focus,
 .ui.form .field.error input[type="date"]:focus,
 .ui.form .field.error input[type="password"]:focus,
 .ui.form .field.error input[type="number"]:focus,
-.ui.form .field.error input[type="tel"]:focus{
+.ui.form .field.error input[type="tel"]:focus {
   border-color: rgba(255, 80, 80, 1);
   color: rgba(255, 80, 80, 1);
-
   -webkit-appearance: none;
   -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
-  -moz-box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
   box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
 }
 
@@ -299,29 +262,37 @@
 ---------------------*/
 
 /* browsers require these rules separate */
+
 .ui.form ::-webkit-input-placeholder {
   color: #E0E0E0;
 }
+
 .ui.form ::-moz-placeholder {
   color: #E0E0E0;
 }
+
 .ui.form :focus::-webkit-input-placeholder {
   color: #AAAAAA;
 }
+
 .ui.form :focus::-moz-placeholder {
   color: #AAAAAA;
 }
 
 /* Error Placeholder */
+
 .ui.form .error ::-webkit-input-placeholder {
   color: rgba(255, 80, 80, 0.4);
 }
+
 .ui.form .error ::-moz-placeholder {
   color: rgba(255, 80, 80, 0.4);
 }
+
 .ui.form .error :focus::-webkit-input-placeholder {
   color: rgba(255, 80, 80, 0.7);
 }
+
 .ui.form .error :focus::-moz-placeholder {
   color: rgba(255, 80, 80, 0.7);
 }
@@ -334,40 +305,40 @@
 .ui.form .field.disabled {
   opacity: 0.5;
 }
+
 .ui.form .field.disabled label {
   opacity: 0.5;
 }
+
 .ui.form .field.disabled :disabled {
   opacity: 1;
 }
 
-
 /*--------------------
      Loading State
 ---------------------*/
 
 /* On Form */
+
 .ui.form.loading {
   position: relative;
 }
+
 .ui.form.loading:after {
   position: absolute;
   top: 0%;
   left: 0%;
   content: '';
-
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.8) image-url("semantic-ui/loader-large.gif") no-repeat 50% 50%;
   visibility: visible;
 }
 
-
 /*******************************
            Variations
 *******************************/
 
-
 /*--------------------
       Fluid Width
 ---------------------*/
@@ -380,7 +351,6 @@
   box-sizing: border-box;
 }
 
-
 /*--------------------------
   Input w/ attached Button
 ---------------------------*/
@@ -396,6 +366,7 @@
 .ui.form .date.field > label {
   position: relative;
 }
+
 .ui.form .date.field > label:after {
   position: absolute;
   top: 2em;
@@ -407,20 +378,21 @@
   color: #CCCCCC;
 }
 
-
 /*--------------------
     Inverted Colors
 ---------------------*/
+
 .ui.inverted.form label {
   color: #FFFFFF;
 }
+
 .ui.inverted.form .field.error textarea,
 .ui.inverted.form .field.error input[type="text"],
 .ui.inverted.form .field.error input[type="email"],
 .ui.inverted.form .field.error input[type="date"],
 .ui.inverted.form .field.error input[type="password"],
 .ui.inverted.form .field.error input[type="number"],
-.ui.inverted.form .field.error input[type="tel"]{
+.ui.inverted.form .field.error input[type="tel"] {
   background-color: #FFCCCC;
 }
 
@@ -429,9 +401,11 @@
 ---------------------*/
 
 /* Grouped Vertically */
+
 .ui.form .grouped.fields {
   margin: 0em 0em 1em;
 }
+
 .ui.form .grouped.fields .field {
   display: block;
   float: none;
@@ -439,15 +413,16 @@
   padding: 0em;
 }
 
-
 /*--------------------
           Fields
 ---------------------*/
 
 /* Split fields */
+
 .ui.form .fields {
   clear: both;
 }
+
 .ui.form .fields:after {
   content: ' ';
   display: block;
@@ -456,6 +431,7 @@
   line-height: 0;
   height: 0;
 }
+
 .ui.form .fields > .field {
   clear: none;
   float: left;
@@ -464,30 +440,36 @@
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 }
+
 .ui.form .fields > .field:first-child {
   border-left: none;
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 /* Other Combinations */
+
 .ui.form .two.fields > .fields,
 .ui.form .two.fields > .field {
   width: 50%;
   padding-left: 1%;
   padding-right: 1%;
 }
+
 .ui.form .three.fields > .fields,
 .ui.form .three.fields > .field {
   width: 33.333%;
   padding-left: 1%;
   padding-right: 1%;
 }
+
 .ui.form .four.fields > .fields,
 .ui.form .four.fields > .field {
   width: 25%;
   padding-left: 1%;
   padding-right: 1%;
 }
+
 .ui.form .five.fields > .fields,
 .ui.form .five.fields > .field {
   width: 20%;
@@ -498,11 +480,11 @@
 .ui.form .fields .field:first-child {
   padding-left: 0%;
 }
+
 .ui.form .fields .field:last-child {
   padding-right: 0%;
 }
 
-
 /*--------------------
     Inline Fields
 ---------------------*/
@@ -511,22 +493,21 @@
   min-height: 1.3em;
   margin-right: 0.5em;
 }
+
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
 .ui.form .inline.fields .field > input,
 .ui.form .inline.field > label,
 .ui.form .inline.field > p,
 .ui.form .inline.field > input {
-
   display: inline-block;
   width: auto;
-
   margin-top: 0em;
   margin-bottom: 0em;
-
   vertical-align: middle;
   font-size: 1em;
 }
+
 .ui.form .inline.fields .field > input,
 .ui.form .inline.field > input {
   font-size: 0.875em;
@@ -536,20 +517,22 @@
 .ui.form .inline.field > :first-child {
   margin: 0em 0.5em 0em 0em;
 }
+
 .ui.form .inline.fields .field > :only-child,
 .ui.form .inline.field > :only-child {
   margin: 0em;
 }
 
-
 /*--------------------
         Sizes
 ---------------------*/
 
 /* Standard */
+
 .ui.small.form {
   font-size: 0.875em;
 }
+
 .ui.small.form textarea,
 .ui.small.form input[type="text"],
 .ui.small.form input[type="email"],
@@ -558,12 +541,12 @@
 .ui.small.form input[type="number"],
 .ui.small.form input[type="tel"],
 .ui.small.form label,
-.ui.small.form select{
+.ui.small.form select {
   font-size: 1em;
 }
 
 /* Large */
+
 .ui.large.form {
   font-size: 1.125em;
-}
-
+}