Fixing typo

kitchen-sink/app/events.notification.js

@@ -19,18 +19,17 @@ Lungo.Events.init({
 
     'tap section#notification a[data-action=confirm]': function() {
         Lungo.Notification.confirm({
-            title: 'Title',
-            description: 'Description',
-            icon: 'message',
+            icon: 'user',
+            title: 'Lorem ipsum dolor sit amet, consectetur adipisicing.',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo amet nulla dolorum hic eum debitis dolorem expedita? Commodi molestiae tempora totam explicabo sed deserunt cum iusto eos perspiciatis ea in.',
             accept: {
-                color: 'blue',
                 icon: 'checkmark',
-                label: 'Yes',
+                label: 'Accept',
                 callback: function(){ alert("Yes!"); }
             },
             cancel: {
                 icon: 'close',
-                label: 'No',
+                label: 'Cancel',
                 callback: function(){ alert("No!"); }
             }
         });

kitchen-sink/index.html

@@ -190,7 +190,6 @@
     <script src="../src/attributes/Lungo.Attributes.Data.js"></script>
 
     <script src="../src/boot/Lungo.Boot.Resources.js" ></script>
-    <script src="../src/boot/Lungo.Boot.Stats.js" ></script>
     <script src="../src/boot/Lungo.Boot.Layout.js"></script>
     <script src="../src/boot/Lungo.Boot.Events.js"></script>
     <script src="../src/boot/Lungo.Boot.Data.js"></script>

src/Lungo.Constants.js

@@ -36,6 +36,10 @@ Lungo.Constants = {
         UNLOAD: 'unload'
     },
 
+    TRANSITION: {
+        TIME: 350
+    },
+
     ATTRIBUTE: {
         ID: 'id',
         HREF: 'href',

src/Lungo.Init.js

@@ -10,7 +10,6 @@
 Lungo.init = function(config) {
     if (config && config.resources) {
         Lungo.Boot.Resources.init(config.resources);
-        // Lungo.Boot.Stats.init();
     }
     Lungo.Boot.Layout.init();
     Lungo.Boot.Events.init();

src/boot/Lungo.Boot.Section.js

@@ -25,7 +25,7 @@ Lungo.Boot.Section = (function(lng, undefined) {
 
         _initFirstSection();
         _initAllSections();
-        _initAllAsides();
+        // _initAllAsides();
     };
 
     var _initFirstSection = function() {

src/boot/Lungo.Boot.Stats.js

@@ -1,41 +0,0 @@
-/**
- * Save in LungoJS.com the use of the service for further ranking
- *
- * @namespace Lungo.Boot
- * @class Stats
- *
- * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
- * @author Guillermo Pascual <pasku@tapquo.com> || @pasku1
- */
-
-Lungo.Boot.Stats = (function(lng, undefined) {
-
-    /**
-     * Analizing if it's run in Mobile Phone and changing the type of event to subscribe.
-     *
-     * @method start
-     */
-    var init = function() {
-        if (lng.Core.isMobile()) {
-            _saveStats();
-        }
-    };
-
-    /**
-     * Save in LungoJS.com the use of the service for further ranking
-     *
-     * @method _saveStatsInLungoJS
-     */
-    var _saveStats = function() {
-        lng.Service.post( 'http://www.lungojs.com/stats/', {
-            name: lng.App.get('name'),
-            version: lng.App.get('version'),
-            icon: lng.App.get('icon')
-        }, function(response) {});
-    };
-
-    return {
-        init: init
-    };
-
-})(Lungo);

src/stylesheets/Lungo.layout.article.styl

@@ -20,7 +20,7 @@ article
   visibility: hidden
   z-index: 0
 
-  &.active, &:first-child
+  &.active
     visibility: visible
     display: block
     z-index: 1

src/stylesheets/Lungo.layout.styl

@@ -20,7 +20,7 @@ section
   display: none
 
   transition-property( opacity, z-index, transform )
-  transition-duration( 400ms )
+  transition-duration( TRANSITION_TIME )
   transition-timing-function( DEFAULT_TRANSITION )
   transform( translateZ(0) )
   backface-visibility( hidden )

src/stylesheets/css/Lungo.layout.article.css

@@ -16,8 +16,7 @@ article {
   visibility: hidden;
   z-index: 0;
 }
-article.active,
-article:first-child {
+article.active {
   visibility: visible;
   display: block;
   z-index: 1;

src/stylesheets/css/Lungo.layout.css

@@ -17,9 +17,9 @@ section {
   -webkit-transition-property: opacity z-index transform;
   -moz-transition-property: opacity z-index transform;
   transition-property: opacity z-index transform;
-  -webkit-transition-duration: 400ms;
-  -moz-transition-duration: 400ms;
-  transition-duration: 400ms;
+  -webkit-transition-duration: 350ms;
+  -moz-transition-duration: 350ms;
+  transition-duration: 350ms;
   -webkit-transition-timing-function: easeOutSine;
   -moz-transition-timing-function: easeOutSine;
   transition-timing-function: easeOutSine;

src/stylesheets/css/Lungo.widgets.notification.css

@@ -16,16 +16,16 @@
 .notification .window {
   position: relative;
   opacity: 0;
-  -webkit-transition: all 300ms;
-  -moz-transition: all 300ms;
-  transition: all 300ms;
+  -webkit-transition: all 350ms;
+  -moz-transition: all 350ms;
+  transition: all 350ms;
   text-align: center;
 }
 .notification .window.show {
   opacity: 1;
-  -webkit-transition-delay: 300ms;
-  -moz-transition-delay: 300ms;
-  transition-delay: 300ms;
+  -webkit-transition-delay: 350ms;
+  -moz-transition-delay: 350ms;
+  transition-delay: 350ms;
 }
 .notification .window strong,
 .notification .window small {

src/stylesheets/import/constants.styl

@@ -15,3 +15,5 @@ DEFAULT_TRANSITION  = easeOutSine
 FONT_SIZE_TINY      = 11px
 FONT_SIZE_SMALL     = 0.9em
 FONT_SIZE_BIG       = 1.2em
+
+TRANSITION_TIME     = 350ms

src/stylesheets/lungo.widgets.notification.styl

@@ -11,7 +11,6 @@
 @import "import/vendor.styl"
 
 OPACITY = rgba(0,0,0,0.75)
-KEYFRAME = 300ms
 LOADING = 104px
 
 .notification
@@ -26,12 +25,12 @@ LOADING = 104px
   & .window
     position: relative
     opacity: 0
-    transition (all KEYFRAME)
+    transition (all TRANSITION_TIME)
     text-align: center
 
     &.show
       opacity: 1
-      transition-delay(KEYFRAME)
+      transition-delay(TRANSITION_TIME)
     & strong, small
       display: block
 

src/view/Lungo.View.Aside.js

@@ -71,7 +71,7 @@ Lungo.View.Aside = (function(lng, undefined) {
             setTimeout(function() {
                 aside.removeClass(CLASS.SHOW);
                 lng.Element.Cache.aside = null;
-            }, 250);
+            }, 350);
         }
     };