maglove 2.0.7 → 2.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7f7896a05f75ab83d370e8ee2e04751f7a534079
-  data.tar.gz: bd7fab9800b1a8da0e8e31bddc167d3bfe447b5f
+  metadata.gz: bda73faf8f3fe97f7f7ed94374ccfe14ef7096d8
+  data.tar.gz: 4e7f532e6662320a32709cb4332f0e3ca4c4751d
 SHA512:
-  metadata.gz: 8813bda699c274fb6bcdd43752f4f2633ebced987cc6070f051aeeba190ecb09b19d11702364dc699ebfdefa61217d89d8ec6c5ce88e1463d10719d3b5825c22
-  data.tar.gz: 11e012d299e08125c3f4c3144463cd3fb5a41b02fafeb42527f5a71aad3cfd47901a6ef8b1b3757440f6b0070b6f5b70271a3c7fb5165a3119c8bbfe1bb4f246
+  metadata.gz: 440ecafc205e2581df3bf50e77fffeb3d0b94619b7ca1e95d965ad1e464af7395bef8c7130cfd0f3529f152d4e16f366c57836c24fbc671aa7616bc0450414a4
+  data.tar.gz: fe92a2b72815731c87df85ee0e80a9b9e63d00b2afdd9f02e0abab5ac104cae25486281bae6d8360f0cbb7a0b84428a373603a708be399f34ed89e4c69deec15

data/assets/maglove.haml

@@ -11,8 +11,15 @@
     %script{ type: "text/javascript", id: "theme-js" }
       = js_contents
     %script{ src: "/maglove.js", type: "text/javascript" }
+    -# %script{ src: "/maglove-widgets.js", type: "text/javascript" }
     %link{ href: "/maglove.css", media: "screen", rel: "stylesheet" }
-    :javascript
-      const maglove = new MagLove("#{template}", "127.0.0.1", "#{port}")
+    %link{ href: "/maglove-widgets.css", media: "screen", rel: "stylesheet" }
+    %script{ type: "module" }
+      :plain
+        import widgets from './maglove-widgets.js'
+        widgets.ready().then(() => {
+          widgets.mount(document.querySelector('page-widget'))
+        })
+        new MagLove("#{template}", "127.0.0.1", "#{port}")      
   %body
-    = contents
+    = contents

data/assets/maglove.js

@@ -47,7 +47,12 @@ class MagLove {
     if(message.template === this.template) {
       document.body.innerHTML = message.contents
     }
-    $(window.document).trigger("typeloftWidgetChanged")
+    if (window.$) {
+      $(window.document).trigger("typeloftWidgetChanged")
+    }
+    if (window.riot) {
+      riot.mount("*")
+    }
   }
   
   css(message) {

data/lib/maglove/commands/assets.rb

@@ -24,9 +24,11 @@ module MagLove
       desc "images", "Copy images"
       def images
         info("▸ Copying Images")
-        theme.base_dir.children("images/**/*.{jpg,png,gif,svg}").each do |file|
-          debug("~> Copying #{file}")
-          MagLove::Asset::Theme.new(file.path, { base: true }).write!
+        if theme.base_version
+          theme.base_dir.children("images/**/*.{jpg,png,gif,svg}").each do |file|
+            debug("~> Copying #{file}")
+            MagLove::Asset::Theme.new(file.path, { base: true }).write!
+          end
         end
         theme.src_dir.children("images/**/*.{jpg,png,gif,svg}").each do |file|
           debug("~> Copying #{file}")
@@ -69,7 +71,8 @@ module MagLove
       desc "javascript", "Compile JavaScript"
       def javascript
         info("▸ Compiling JavaScript")
-        MagLove::Asset::Theme.new("theme.coffee", { base: false }).write!
+        file = theme.src_dir.children("theme.{coffee,js}").first
+        MagLove::Asset::Theme.new(file.path, { base: false }).write!
       end
 
       desc "stylesheet", "Compile Stylesheet"

data/lib/maglove/server.rb

@@ -27,6 +27,13 @@ module MagLove
       template = env["PATH_INFO"].sub("/", "")
       if env["PATH_INFO"] == "/maglove.js"
         [200, { 'Content-Type' => 'text/javascript' }, [Maglove.assets_dir.file("maglove.js").read]]
+      elsif env["PATH_INFO"] == "/maglove-widgets.js"
+        widgets_file = Workspace.dir(Dir.pwd).file("node_modules/maglove-widgets/dist/widgets.js")
+        if widgets_file.exists?
+          [200, { 'Content-Type' => 'text/javascript' }, [widgets_file.read]]
+        else
+          [200, { 'Content-Type' => 'text/javascript' }, ["export default { ready: function() { alert('Module \\\"maglove-widgets\\\" not installed. Run \\\"npm install maglove-widgets\\\" to install.'); return this; }, then: function() {} }"]]
+        end
       elsif env["PATH_INFO"] == "/maglove.css"
         [200, { 'Content-Type' => 'text/css' }, [Maglove.assets_dir.file("maglove.css").read]]
       elsif @options[:templates].include?(template)

data/lib/maglove/tilt/scss_template.rb

@@ -26,8 +26,7 @@ module MagLove
       def prepare; end
 
       def evaluate(scope, locals, &block)
-        prepared_data = "@base: \"#{locals[:base_path].sub('src/', '../../')}\";\n#{data}"
-        engine = Sass::Engine.new(prepared_data, sass_options.merge({ locals: locals }))
+        engine = Sass::Engine.new(data, sass_options.merge({ locals: locals }))
         @output ||= engine.render
       end
 

data/lib/maglove/version.rb

@@ -1,3 +1,3 @@
 module MagLove
-  VERSION = "2.0.7"
+  VERSION = "2.0.8"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: maglove
 version: !ruby/object:Gem::Version
-  version: 2.0.7
+  version: 2.0.8
 platform: ruby
 authors:
 - Tobias Strebitzer
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-02-15 00:00:00.000000000 Z
+date: 2018-02-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -410,75 +410,10 @@ extra_rdoc_files: []
 files:
 - assets/autoprefixer.js
 - assets/export.haml
-- assets/hpub/index.css
-- assets/hpub/index.haml
-- assets/hpub/page.haml
 - assets/index.haml
 - assets/maglove.css
 - assets/maglove.haml
 - assets/maglove.js
-- assets/scaffold/base/base.coffee
-- assets/scaffold/base/base.less
-- assets/scaffold/base/images/base/loading-bars.svg
-- assets/scaffold/base/less/base/animations.less
-- assets/scaffold/base/less/base/blockquotes.less
-- assets/scaffold/base/less/base/buttons.less
-- assets/scaffold/base/less/base/code.less
-- assets/scaffold/base/less/base/forms.less
-- assets/scaffold/base/less/base/global.less
-- assets/scaffold/base/less/base/grid-minimal.less
-- assets/scaffold/base/less/base/grid-non-responsive.less
-- assets/scaffold/base/less/base/grid.less
-- assets/scaffold/base/less/base/helpers.less
-- assets/scaffold/base/less/base/images.less
-- assets/scaffold/base/less/base/lists.less
-- assets/scaffold/base/less/base/mixins.less
-- assets/scaffold/base/less/base/print.less
-- assets/scaffold/base/less/base/resets.less
-- assets/scaffold/base/less/base/tables.less
-- assets/scaffold/base/less/core/alignments.less
-- assets/scaffold/base/less/core/cleanup.less
-- assets/scaffold/base/less/core/editor.less
-- assets/scaffold/base/less/core/typography.less
-- assets/scaffold/base/less/vendor/flex-video.less
-- assets/scaffold/base/less/vendor/font-awesome.less
-- assets/scaffold/base/less/vendor/font-awesome/animated.less
-- assets/scaffold/base/less/vendor/font-awesome/bordered-pulled.less
-- assets/scaffold/base/less/vendor/font-awesome/core.less
-- assets/scaffold/base/less/vendor/font-awesome/fixed-width.less
-- assets/scaffold/base/less/vendor/font-awesome/font-awesome.less
-- assets/scaffold/base/less/vendor/font-awesome/icons.less
-- assets/scaffold/base/less/vendor/font-awesome/larger.less
-- assets/scaffold/base/less/vendor/font-awesome/list.less
-- assets/scaffold/base/less/vendor/font-awesome/mixins.less
-- assets/scaffold/base/less/vendor/font-awesome/rotated-flipped.less
-- assets/scaffold/base/less/vendor/font-awesome/stacked.less
-- assets/scaffold/base/less/vendor/font-awesome/variables.less
-- assets/scaffold/base/less/vendor/image-loader.less
-- assets/scaffold/base/less/vendor/magnific-popup.less
-- assets/scaffold/base/less/widgets/banner.less
-- assets/scaffold/base/less/widgets/button.less
-- assets/scaffold/base/less/widgets/callout.less
-- assets/scaffold/base/less/widgets/columns.less
-- assets/scaffold/base/less/widgets/container.less
-- assets/scaffold/base/less/widgets/feedback.less
-- assets/scaffold/base/less/widgets/heading.less
-- assets/scaffold/base/less/widgets/horizontal_rule.less
-- assets/scaffold/base/less/widgets/image.less
-- assets/scaffold/base/less/widgets/paragraph.less
-- assets/scaffold/base/variables.less
-- assets/scaffold/base/vendor/jquery.js
-- assets/scaffold/theme/images/logo.png
-- assets/scaffold/theme/images/pattern/symphony.png
-- assets/scaffold/theme/less/base/variables.less
-- assets/scaffold/theme/templates/article-01.haml
-- assets/scaffold/theme/templates/cover.haml
-- assets/scaffold/theme/templates/toc.haml
-- assets/scaffold/theme/templates/toc.yml
-- assets/scaffold/theme/theme.coffee
-- assets/scaffold/theme/theme.less
-- assets/thumbnail.haml
-- assets/thumbnail.js
 - bin/maglove
 - lib/ext/thor/option.rb
 - lib/magloft.rb

data/assets/hpub/index.css

@@ -1,150 +0,0 @@
-/*
- * Baker Ebook Framework - Basic Book
- * last update: 2011-10-10
- * 
- * Copyright (C) 2011 by Davide S. Casali <folletto AT gmail DOT com>
- * 
- */
-
-
-
-/****************************************************************************************************
- * General
- */
-body {
-	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-	font-size: 16px;
-	margin: 0;
-  background: #CCCCCC;
-}
-
-a {
-  color: #171717;
-  text-shadow: 0px 1px 0px #FFFFFF;
-}
-
-
-/****************************************************************************************************
- * Typography
- */
-p, ul, ol {
-  font-size: 18px;
-  line-height: 40px;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-  font-weight: normal;
-  text-align: center;
-  
-  border: 0;
-  margin: 0;
-  padding: 0;
-}
-
-/****************************************************************************************************
- * Index
- */
-#index {
-    background: #CCC;
-    padding: 16px 0px 16px 16px;
-}
-#index .navigation h6,
-#index .navigation ol li a small { 
-  display: none;
-}
-
-#index .navigation ol {
-  display: inline;
-  padding: 0;
-  margin-right: 0px;
-}
-
-#index .navigation ol:after {
-    display: block;
-    clear: both;
-    content: '';
-}
-
-#index .navigation h5 {
-  background: #cf0000;
-  color: #ffffff;
-  display: inline-block;
-  font-size: 20px;
-  
-  padding: 5px;
-  width: 55px;
-  height: 140px;
-}
-
-#index .navigation li {
-  background-position: top center;
-  background-size: 100%;
-  background-color: #FFF;
-  display: inline-block;
-  margin-right: 16px;
-  overflow: hidden;
-  position: relative;
-  padding: 0;
-  width: 150px;
-  vertical-align: top;
-  border: 4px solid #FFF;
-  float: left;
-}
-
-#index .navigation li.active, #index .navigation li:hover {
-  border-color: #FC4482;
-}
-
-#index .navigation li a {
-  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-    font-weight: normal;
-    text-align: center;
-    text-decoration: none;
-    display: block;
-    width: 150px;
-    min-height: 108px;
-    max-height: 200px;
-    position: relative;
-    overflow: hidden;
-}
-
-#index .navigation li a img {
-    width: 100%;
-    display: inline-block;
-    float: left;
-    transition: transform 0.3s ease-in-out;
-    transition: -webkit-transform 0.3s ease-in-out;
-    -webkit-tap-highlight-color: transparent;
-}
-
-
-/* #index .navigation li a:focus img, #index .navigation li a:hover img, #index .navigation li a img:active { */
-#index .navigation li.active a img {
-   -webkit-transform: scale(1.5, 1.5) rotate(15deg);
-    transform: scale(1.5, 1.5) rotate(15deg);
-}
-
-#index .navigation li a h7 {
-    display:none; /* temporarily hidden */
-    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.36) 80%);
-    font-size: 12px;
-    padding: 42px 8px 8px;
-    position: absolute;
-    z-index: 2;
-    left: 0px;
-    right: 0px;
-    bottom: 0;
-    line-height: 20px;
-    color: #FFF;
-    text-shadow: 0px 1px 0px #000;
-    font-weight: bold;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-}
-
-#index .navigation li a:after {
-    clear: both;
-    content: '';
-    display: block;
-}

data/assets/hpub/index.haml

@@ -1,31 +0,0 @@
-!!!
-%html
-    %head
-        %title= "#{name} - Index"
-        %meta{'charset' => 'utf-8'}/
-        %meta{'name' => 'viewport', 'content' => 'width=device-width, height=208, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'}/
-        %link{'rel' => 'stylesheet', 'href' => 'stylesheets/index.css'}/
-    %body{'style' => "width: #{(174*templates.count)+16}px;"}
-        #index
-            .navigation
-                %ol
-                    - templates.each_with_index do |template, index|
-                        %li
-                            %a{'href' => "#{template}.html"}
-                                %img{'src' => "thumbs/#{template}.png"}
-                                %h7= template
-                                %small= "Page #{index+1}"
-        :javascript
-            var activateItem = function(event) {
-              if(event.target.nodeName === "IMG") {
-                var listItems = document.body.querySelectorAll(".navigation li");
-                for(var i=0; i<listItems.length; i++) {
-                  listItems[i].classList.toggle("active", false);
-                }        
-                event.target.parentNode.parentNode.classList.toggle("active", true);
-              }
-            };
-            var initialListItems = document.body.querySelectorAll(".navigation li");
-            for(var i=0; i<initialListItems.length; i++) {
-              initialListItems[i].addEventListener("click", activateItem, false);
-            }

data/assets/hpub/page.haml

@@ -1,12 +0,0 @@
-!!!
-%html
-    %head
-        %title= template
-        %meta{'charset' => 'utf-8'}/
-        %meta{'name' => 'viewport', 'content' => 'width=device-width, initial-scale=1.0'}/
-        %meta{'name' => 'pageid', 'content' => '0'}/
-        %link{'rel' => 'stylesheet', 'href' => "./themes/#{theme}/theme.css"}/
-        %link{'rel' => 'stylesheet', 'href' => "./fonts/fonts.css"}/
-        %script{'type' => 'text/javascript', 'src' => "./themes/#{theme}/theme.js"}
-    %body
-        = contents

data/assets/scaffold/base/base.coffee

@@ -1 +0,0 @@
-include "vendor/jquery.js"

data/assets/scaffold/base/base.less

@@ -1,26 +0,0 @@
-// Base Design
-@import "less/base/mixins";
-@import "less/base/resets";
-@import "less/base/global";
-@import "less/base/lists";
-@import "less/base/blockquotes";
-@import "less/base/tables";
-@import "less/base/code";
-@import "less/base/forms";
-@import "less/base/buttons";
-@import "less/base/images";
-@import "less/base/grid";
-@import "less/base/helpers";
-@import "less/base/animations";
-
-// Vendor
-@import "less/vendor/magnific-popup";
-@import "less/vendor/font-awesome";
-@import "less/vendor/image-loader";
-@import "less/vendor/flex-video";
-
-// Core Framework
-@import "less/core/alignments";
-@import "less/core/cleanup";
-@import "less/core/editor";
-@import "less/core/typography";

data/assets/scaffold/base/images/base/loading-bars.svg

@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="white">
-  <path transform="translate(2)" d="M0 12 V20 H4 V12z"> 
-    <animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline"  />
-  </path>
-  <path transform="translate(8)" d="M0 12 V20 H4 V12z">
-    <animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.2" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline"  />
-  </path>
-  <path transform="translate(14)" d="M0 12 V20 H4 V12z">
-    <animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.4" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
-  </path>
-  <path transform="translate(20)" d="M0 12 V20 H4 V12z">
-    <animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.6" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
-  </path>
-  <path transform="translate(26)" d="M0 12 V20 H4 V12z">
-    <animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.8" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
-  </path>
-</svg>

data/assets/scaffold/base/less/base/animations.less

@@ -1,301 +0,0 @@
-// ==========================================================================
-// Animations – Selective animatiosn from Animate.css - http://daneden.me/animate
-// ==========================================================================
-
-// Fade In
-@-webkit-keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.fade-in {
-  -webkit-animation-name: fadeIn;
-  animation-name: fadeIn;
-}
-
-// Fade In Down
-@-webkit-keyframes fadeInDown {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInDown {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-down {
-  -webkit-animation-name: fadeInDown;
-  animation-name: fadeInDown;
-}
-
-// Fade In Down Big
-@-webkit-keyframes fadeInDownBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInDownBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-down-big {
-  -webkit-animation-name: fadeInDownBig;
-  animation-name: fadeInDownBig;
-}
-
-// Fade In Left
-@-webkit-keyframes fadeInLeft {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-30px, 0, 0);
-    transform: translate3d(-30px, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInLeft {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-30px, 0, 0);
-    transform: translate3d(-30px, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-left {
-  -webkit-animation-name: fadeInLeft;
-  animation-name: fadeInLeft;
-}
-
-// Fade In Left Big
-@-webkit-keyframes fadeInLeftBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInLeftBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-left-big {
-  -webkit-animation-name: fadeInLeftBig;
-  animation-name: fadeInLeftBig;
-}
-
-// Fade In Right
-@-webkit-keyframes fadeInRight {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(30px, 0, 0);
-    transform: translate3d(30px, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInRight {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(30px, 0, 0);
-    transform: translate3d(30px, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-right {
-  -webkit-animation-name: fadeInRight;
-  animation-name: fadeInRight;
-}
-
-// Fade In Right Big
-@-webkit-keyframes fadeInRightBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInRightBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-right-big {
-  -webkit-animation-name: fadeInRightBig;
-  animation-name: fadeInRightBig;
-}
-
-// Fade In Up
-@-webkit-keyframes fadeInUp {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 30px, 0);
-    transform: translate3d(0, 30px, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInUp {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 30px, 0);
-    transform: translate3d(0, 30px, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-up {
-  -webkit-animation-name: fadeInUp;
-  animation-name: fadeInUp;
-}
-
-// Fade In Up Big
-@-webkit-keyframes fadeInUpBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInUpBig {
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fade-in-up-big {
-  -webkit-animation-name: fadeInUpBig;
-  animation-name: fadeInUpBig;
-}