From 961d37a576f61e700cba6a263ada55748d9e8dc1 Mon Sep 17 00:00:00 2001 From: Fabien COLAS Date: Tue, 17 Nov 2020 12:48:01 +0100 Subject: [PATCH 01/11] Add plugin indent --- plugins/indent/trumbowyg.indent.js | 56 +++++++++++++++++++++++++++++ plugins/indent/ui/icons/indent.svg | 1 + plugins/indent/ui/icons/outdent.svg | 1 + 3 files changed, 58 insertions(+) create mode 100644 plugins/indent/trumbowyg.indent.js create mode 100644 plugins/indent/ui/icons/indent.svg create mode 100644 plugins/indent/ui/icons/outdent.svg diff --git a/plugins/indent/trumbowyg.indent.js b/plugins/indent/trumbowyg.indent.js new file mode 100644 index 000000000..cc00d29e3 --- /dev/null +++ b/plugins/indent/trumbowyg.indent.js @@ -0,0 +1,56 @@ + +/* =========================================================== + * trumbowyg.indent.js v1.0 + * Indent or Outdent plugin for Trumbowyg + * http://alex-d.github.com/Trumbowyg + * =========================================================== + * Author : Fabacks + * Website : https://github.com/Fabacks + */ + + (function ($) { + 'use strict'; + + $.extend(true, $.trumbowyg, { + langs: { + en: { + indent: 'Indent', + outdent: 'Outdent' + }, + fr: { + indent: 'Augmenter le retrait', + outdent: 'Diminuer le retrait' + } + } + }); + + // Adds the extra button definition + $.extend(true, $.trumbowyg, { + plugins: { + paragraph: { + init: function (trumbowyg) { + var indentBtnDef = { + fn: 'indent', + title: trumbowyg.lang.indent, + isSupported: function () { + return !!document.queryCommandSupported && !!document.queryCommandSupported('indent'); + }, + ico: 'indent' + }; + + var outdentBtnDef = { + fn: 'outdent', + title: trumbowyg.lang.outdent, + isSupported: function () { + return !!document.queryCommandSupported && !!document.queryCommandSupported('outdent'); + }, + ico: 'outdent' + }; + + trumbowyg.addBtnDef('indent', indentBtnDef); + trumbowyg.addBtnDef('outdent', outdentBtnDef); + } + } + } + }) +})(jQuery); \ No newline at end of file diff --git a/plugins/indent/ui/icons/indent.svg b/plugins/indent/ui/icons/indent.svg new file mode 100644 index 000000000..90db53523 --- /dev/null +++ b/plugins/indent/ui/icons/indent.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/plugins/indent/ui/icons/outdent.svg b/plugins/indent/ui/icons/outdent.svg new file mode 100644 index 000000000..37a212340 --- /dev/null +++ b/plugins/indent/ui/icons/outdent.svg @@ -0,0 +1 @@ + \ No newline at end of file From 5eb35aa846289c2449cb5f483e925724d36a30d0 Mon Sep 17 00:00:00 2001 From: Fabacks Date: Thu, 26 Nov 2020 08:32:32 +0100 Subject: [PATCH 02/11] Add doc & demo for plugin Indent --- docs/demos/index.html | 1 + docs/demos/plugins/indent.html | 76 +++++++++++++++++++++++++++ docs/documentation/plugins/index.html | 32 +++++++++++ docs/index.html | 8 +++ 4 files changed, 117 insertions(+) create mode 100644 docs/demos/plugins/indent.html diff --git a/docs/demos/index.html b/docs/demos/index.html index be0f6efcb..8b5393d03 100644 --- a/docs/demos/index.html +++ b/docs/demos/index.html @@ -59,6 +59,7 @@

  • Giphy
  • Highlight
  • History
    • +
  • Indent
  • Insert audio
  • Line height
  • MathML
    • diff --git a/docs/demos/plugins/indent.html b/docs/demos/plugins/indent.html new file mode 100644 index 000000000..83296a9eb --- /dev/null +++ b/docs/demos/plugins/indent.html @@ -0,0 +1,76 @@ + + + + + Indent plugin | Trumbowyg + + + + +
    +
    +

    Indent plugin

    + +
    +

    Basic usage

    +

    + This plugin allow you to indent or oudent into your page creating vibrante documents. +

    + + Read insert indent plugin documentation + +
    +

    You can make me come alive!

    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident + optio nam reiciendis eius beatae quibusdam! +

    +

    + The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or + alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est + qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there + anyone who loves grief itself since it is grief and thus wants to obtain it"). +

    +
    + +

    The code

    + 
    
+$('#editor')
+.trumbowyg({
+    btns: ['indent', 'outdent']
+});
+
    +
    + +
    +

    Setup

    + +

    In head tag

    + 
    
+
    +

    At the end of body

    + 
    
+<!-- Import jQuery -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
+
    +
    +
    +
    + + + + + + + + + + + + + diff --git a/docs/documentation/plugins/index.html b/docs/documentation/plugins/index.html index 173f38693..93cb17e22 100644 --- a/docs/documentation/plugins/index.html +++ b/docs/documentation/plugins/index.html @@ -51,6 +51,7 @@

  • Giphy
  • Highlight
  • History
    • +
  • Indent
  • Insert audio
  • Line height
  • MathML
    • @@ -625,6 +626,37 @@

    How to use it?

    +
    +

    Indent

    + +

    + This plugin allows you to indent or outdent your text. +

    + +

    + Try indent live demo! + + View indent plugin code on GitHub + +

    + +

    How to use it?

    + 
    
+<-- Import Trumbowyg indent at the end of <body>... -->
+<script src="trumbowyg/dist/plugins/indent/trumbowyg.indent.min.js"></script>
+
    +

    + Then you can use the news buttons definition indent or outdent +

    + 
    
+$('#my-editor').trumbowyg({
+    btns: [
+        ['indent', 'outdent']
+    ]
+});
+
    +
    +

    Insert audio

    diff --git a/docs/index.html b/docs/index.html index 0a58b3991..806737526 100644 --- a/docs/index.html +++ b/docs/index.html @@ -573,6 +573,14 @@

    Extends Trumbowyg

    History +
  • + + + + + Indent + +
  • From c08f0fed01f51101729d3d47726ec4eb217a6fab Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 17:29:21 +0100 Subject: [PATCH 03/11] style: add missing semicolons --- plugins/indent/trumbowyg.indent.js | 4 ++-- src/trumbowyg.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/plugins/indent/trumbowyg.indent.js b/plugins/indent/trumbowyg.indent.js index cc00d29e3..3fb4e7d7a 100644 --- a/plugins/indent/trumbowyg.indent.js +++ b/plugins/indent/trumbowyg.indent.js @@ -52,5 +52,5 @@ } } } - }) -})(jQuery); \ No newline at end of file + }); +})(jQuery); diff --git a/src/trumbowyg.js b/src/trumbowyg.js index 0f806edc4..e74c830b9 100644 --- a/src/trumbowyg.js +++ b/src/trumbowyg.js @@ -236,7 +236,7 @@ Object.defineProperty(jQuery.trumbowyg, 'defaultOptions', { if (matches != null) { svgPathOption = source.substring(0, source.indexOf(matches[0])) + 'ui/icons.svg'; } - }) + }); } // Do not merge with previous if block: svgPathOption can be redefined in it. From 8fb34bd2c3486048e437a81733bf601787ca22d2 Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 17:53:47 +0100 Subject: [PATCH 04/11] docs: update Trumbowyg to 2.22.0 --- docs/demos/js/loader.js | 2 +- docs/index.html | 112 ++++++++++++++++++++-------------------- 2 files changed, 57 insertions(+), 57 deletions(-) diff --git a/docs/demos/js/loader.js b/docs/demos/js/loader.js index e51617fff..106987ce8 100644 --- a/docs/demos/js/loader.js +++ b/docs/demos/js/loader.js @@ -1,4 +1,4 @@ -var baseURL = window.location.hostname.indexOf('github.') !== -1 ? '//rawcdn.githack.com/Alex-D/Trumbowyg/v2.19.1/' : '../../../'; +var baseURL = window.location.hostname.indexOf('github.') !== -1 ? '//rawcdn.githack.com/Alex-D/Trumbowyg/v2.22.0/' : '../../../'; var styleLoadingContainer = document.querySelector('.loading-head'); var scriptLoadingContainer = document.querySelector('.loading-body'); diff --git a/docs/index.html b/docs/index.html index 806737526..bb69a3f04 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,7 +13,7 @@ - + @@ -178,7 +178,7 @@

    40+ Languages

    • - + ar Arabic @@ -192,13 +192,13 @@

      40+ Languages

      • - + es_ar Spanish (Argentina)
      • - + pt_br Portuguese (Brazil) @@ -212,85 +212,85 @@

        40+ Languages

        • - + fa Persian
        • - + he Hebrew
        • - + id Indonesian
        • - + ja Japanese
        • - + ko Korean
        • - + mn Mongolian
        • - + my Malaysian
        • - + ph Filipino
        • - + ru Russian
        • - + th Thai
        • - + tr Turkish
        • - + vi Vietnamese
        • - + zh_cn Simplified Chinese
        • - + zh_tw Traditional Chinese @@ -304,169 +304,169 @@

          40+ Languages

          • - + bg Bulgarian
          • - + by Belarusian
          • - + ca Catalan
          • - + cs Czech
          • - + da Danish
          • - + de German
          • - + el Greek
          • - + en English
          • - + es Spanish
          • - + fi Finnish
          • - + fr French
          • - + hr Croatian
          • - + hu Hungarian
          • - + it Italian
          • - + lt Lithuanian
          • - + nl Dutch
          • - + no_nb Norwegian (BokmÃ¥l)
          • - + pl Polish
          • - + pt Portuguese
          • - + ro Romanian
          • - + rs Serbian (Cyrlic)
          • - + rs_latin Serbian (Latin)
          • - + ru Russian
          • - + sk Slovak
          • - + sl Slovenian
          • - + sq Albanian
          • - + sv Swedish
          • - + ua Ukrainian @@ -859,20 +859,20 @@ - - - - - - - - + + + + + + + + - - + + From 4d11b95b2d98466efef0b2bcc4e73e33b5973ec2 Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 17:54:02 +0100 Subject: [PATCH 05/11] style: add explicity svgPath option init --- src/trumbowyg.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/trumbowyg.js b/src/trumbowyg.js index e74c830b9..04a2c4100 100644 --- a/src/trumbowyg.js +++ b/src/trumbowyg.js @@ -118,9 +118,12 @@ Object.defineProperty(jQuery.trumbowyg, 'defaultOptions', { // imgDblClickHandler: default is defined in constructor plugins: {}, + urlProtocol: false, minimalLinks: false, - defaultLinkTarget: undefined + defaultLinkTarget: undefined, + + svgPath: null }, writable: false, enumerable: true, From ceb96ae6797ba0cf1b0f68a6c718eb095ee2c250 Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 17:56:11 +0100 Subject: [PATCH 06/11] style: add explicit hideButtonTexts option init --- src/trumbowyg.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/trumbowyg.js b/src/trumbowyg.js index 04a2c4100..9108f9ab9 100644 --- a/src/trumbowyg.js +++ b/src/trumbowyg.js @@ -76,6 +76,7 @@ Object.defineProperty(jQuery.trumbowyg, 'defaultOptions', { autogrow: false, autogrowOnEnter: false, imageWidthModalEdit: false, + hideButtonTexts: null, prefix: 'trumbowyg-', // classes for inputs From 7aa33c9b5c4a4ac61c7c0e84e3e859ae631aab30 Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 22:13:39 +0100 Subject: [PATCH 07/11] docs: add svgAbsoluteUsePath option to SVG Icons section --- docs/css/main.css | 2 +- docs/documentation/index.html | 19 +++++++++++++++++++ docs/scss/_base.scss | 2 ++ docs/scss/_buttons.scss | 2 ++ docs/scss/_documentation.scss | 7 +++++++ docs/scss/_donate.scss | 2 ++ docs/scss/_footer.scss | 4 +++- docs/scss/_get-started.scss | 2 ++ docs/scss/_header.scss | 2 ++ docs/scss/_introduction.scss | 4 +++- docs/scss/_languages.scss | 4 +++- docs/scss/_plugins-packages.scss | 4 +++- docs/scss/_section.scss | 2 ++ docs/scss/_variables.scss | 14 ++++++++++++++ docs/scss/main.scss | 18 +----------------- 15 files changed, 66 insertions(+), 22 deletions(-) create mode 100644 docs/scss/_variables.scss diff --git a/docs/css/main.css b/docs/css/main.css index 2c32b6c50..c6da6b0f8 100644 --- a/docs/css/main.css +++ b/docs/css/main.css @@ -1 +1 @@ -/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Panton;src:url(../font/panton.eot);src:url(../font/panton.eot?#iefix) format("embedded-opentype"),url(../font/panton.woff2) format("woff2"),url(../font/panton.woff) format("woff"),url(../font/panton.ttf) format("truetype");font-weight:300}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}body,html{background:#fff}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body,button,input,select,textarea{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:300}.wrapper{max-width:1200px;margin:0 auto;clear:both}.wrapper p:last-child{margin-bottom:0}.wrapper h4{font-size:30px}.wrapper code.console{background:#392813;color:#fff;font-size:16px;padding:3px 7px}.wrapper .note{color:#888;padding:3px 0 3px 15px;border-left:3px solid #ffb864;margin-right:30px}.wrapper .note>:first-child{margin-top:0}.wrapper .note>:last-child{margin-bottom:0}.section a{text-decoration:none;color:#ff974a}.section a:focus,.section a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0;padding:0}hr.clearfix{display:block;border:none;background:0 0;margin:0;padding:0;height:0;clear:both}table{margin:30px auto;text-align:left}table thead{background:#fff}table tbody tr{border-bottom:1px solid #ddd}table tbody tr:nth-child(2n){background:#fcfcfc}table td,table th{padding:5px 15px}@media print{*{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-block;position:relative;width:250px;border:2px solid transparent;margin:0 auto;padding:23px 30px;color:#fff;font-weight:400;font-size:16px;line-height:1.2;text-decoration:none;border-radius:50px;text-align:center;-webkit-transition:color 150ms,background-color 150ms;-o-transition:color 150ms,background-color 150ms;transition:color 150ms,background-color 150ms}.button-primary{background:#ff974a}.button-secondary{background:#f48d40}.button-ghost{border-color:rgba(255,255,255,.4)}.button+.button{margin-left:20px}.button:focus,.button:hover{background:#fff;color:#ff974a;outline:0}.header-landing{position:relative;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);text-align:center;color:#fff;padding-bottom:200px}.header-nav{float:right;width:100%;margin:0;padding:25px 40px 0;font-weight:400}.header-nav li{list-style:none;float:right;margin-right:30px}.header-nav li:first-child{float:left}.header-nav li:nth-child(2){margin-right:0}.header-nav li a{display:block;text-decoration:none;color:#b65207;font-size:16px;padding:10px 0;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.header-nav li a:hover{color:#fff}.header-nav li a.view-on-github{-webkit-transform:translateY(-11px);-ms-transform:translateY(-11px);-o-transform:translateY(-11px);transform:translateY(-11px)}.header-nav li a.view-on-github svg{width:25px;height:25px;fill:currentColor;margin-right:10px;vertical-align:baseline;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}.header-nav li a.view-on-github .star{font-size:18px}.header-logo-container{margin:0 auto;padding-top:calc(80px + 4%);text-align:center}.header-logo-container .header-logo-h1{position:relative;margin:0 auto;width:1000px;max-width:100%}.header-logo-container .header-logo{margin-right:-3%;width:1000px;max-width:80%}.header-subtitle{font-size:28px;padding:0 20px}.header-description{font-size:18px;line-height:1.6;padding:0 20px;font-weight:300}.header-buttons{margin:50px 0}.header-install{font-size:18px;line-height:1.6;font-weight:300}#demonstration{padding-bottom:0;margin-bottom:80px}#demonstration .trumbowyg-editor{height:300px!important}#demonstration .trumbowyg-editor,#demonstration .trumbowyg-textarea{padding:25px}#demonstration .trumbowyg:not(.trumbowyg-fullscreen),#trumbowyg-demo:not(.trumbowyg-textarea){display:block;margin:-150px auto 0;width:100%;height:340px;max-width:900px;background:#fff;-webkit-box-shadow:0 0 27px rgba(0,0,0,.03);box-shadow:0 0 27px rgba(0,0,0,.03);resize:none}#demonstration .trumbowyg{font-size:16px;line-height:2}#demonstration .trumbowyg p{margin:0 0 32px}#demonstration .trumbowyg button{font-weight:400}#trumbowyg-demo:not(.trumbowyg-textarea){color:transparent;overflow:hidden;border:1px solid #dbdfe0}.demo-switcher{position:absolute;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10;margin:0 auto;width:250px;height:40px;border-radius:50px;border:1px solid #dbdfe0;background:#fff}.demo-switcher .button{display:block;float:left;padding:10px;margin:0;border:none;width:50%;background:0 0;color:#392813;font-weight:300;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.demo-switcher .button:first-child{text-indent:5px}.demo-switcher .button:last-child{text-indent:-5px}.demo-switcher .button.current{text-indent:0;color:#fff}.demo-switcher::after{content:"";display:block;width:50%;height:100%;border-radius:50px;background:#ff974a;-webkit-transition:margin-left 150ms;-o-transition:margin-left 150ms;transition:margin-left 150ms}.demo-switcher.current-plugins::after{margin-left:50%}.header-logo-animation{position:absolute;overflow:hidden;top:-30px;left:91.5%;width:150px;height:150px}.header-logo-animation svg{position:absolute;top:0;left:0;fill:#fff;height:25px;width:25px}.header-logo-animation .header-logo-animation-strong{-webkit-animation:headerLogoStrong 1s linear infinite;-o-animation:headerLogoStrong 1s linear infinite;animation:headerLogoStrong 1s linear infinite;-webkit-animation-delay:-.85s;-o-animation-delay:-.85s;animation-delay:-.85s}.header-logo-animation .header-logo-animation-p{-webkit-animation:headerLogoP 1s linear infinite;-o-animation:headerLogoP 1s linear infinite;animation:headerLogoP 1s linear infinite;-webkit-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s}.header-logo-animation .header-logo-animation-link{-webkit-animation:headerLogoLink 1s linear infinite;-o-animation:headerLogoLink 1s linear infinite;animation:headerLogoLink 1s linear infinite;-webkit-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}.header-logo-animation .header-logo-animation-blockquote{-webkit-animation:headerLogoBlockquote 1s linear infinite;-o-animation:headerLogoBlockquote 1s linear infinite;animation:headerLogoBlockquote 1s linear infinite;-webkit-animation-delay:-.6s;-o-animation-delay:-.6s;animation-delay:-.6s}.header-logo-animation .header-logo-animation-view-html{-webkit-animation:headerLogoViewHtml 1s linear infinite;-o-animation:headerLogoViewHtml 1s linear infinite;animation:headerLogoViewHtml 1s linear infinite;-webkit-animation-delay:-.3s;-o-animation-delay:-.3s;animation-delay:-.3s}@-webkit-keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoStrong{0%{opacity:1;-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-o-keyframes headerLogoP{0%{opacity:1;-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-webkit-keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoLink{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-o-keyframes headerLogoBlockquote{0%{opacity:1;-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-webkit-keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@-o-keyframes headerLogoViewHtml{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}.section{position:relative;padding-bottom:100px}.section-primary{color:#b65207;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864)}.section-primary .section-title{color:#fff}.section-primary a{color:#fff}.section-secondary{background:#f4f7fa}.section h4{font-weight:400;color:#392813;font-size:28px;padding-top:80px}.section-title{text-align:center;font-family:Panton,sans-serif;font-size:100px;color:#ff974a;padding-top:100px;padding-bottom:30px}.section-subtitle{margin-top:-22px;font-size:23px;color:#392813;font-weight:400}.section-introduction{margin-top:50px;padding-bottom:70px}.section-introduction .introduction-section{height:300px}.section-introduction .introduction-section-col{position:relative;float:left;width:30%;margin-right:5%}.section-introduction .introduction-section-col:last-child{margin-right:0}.section-introduction .introduction-section-col-title{font-size:28px;font-weight:300;margin-bottom:0;padding-top:50px}.section-introduction .introduction-section-col-title img{height:40px;margin-right:8px;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}.section-introduction .introduction-section-col-title img.illu-lightweight{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.section-introduction .introduction-section-col-description{font-size:18px;line-height:28px;margin-top:10px}.installation-first-step{height:400px;color:#392813;text-align:center;padding-top:10px;margin:20px 0 50px;border:1px solid rgba(0,0,0,.15)}.installation-first-step code{display:block;color:#888}.installation-first-step .installation-download,.installation-first-step .installation-package-managers{width:48%;float:left}.installation-first-step .installation-col-title{font-size:22px;padding:30px 0;color:#392813}.installation-first-step .button{display:block;color:#392813;border-color:rgba(0,0,0,.07);background-color:transparent;-webkit-box-shadow:0 0 50px rgba(0,0,0,.03);box-shadow:0 0 50px rgba(0,0,0,.03);-webkit-transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;-o-transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms,-webkit-box-shadow 150ms}.installation-first-step .button:hover{text-decoration:none;color:#fff;border-color:transparent;background-color:#ff974a;-webkit-box-shadow:0 0 50px rgba(255,151,74,.4);box-shadow:0 0 50px rgba(255,151,74,.4)}.installation-first-step .installation-or{position:relative;font-weight:700;text-transform:uppercase;width:4%;float:left;font-size:18px;margin:140px 0 20px;border-radius:50px;z-index:0}.installation-first-step .installation-or::before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:-1;width:100%;padding-top:100%;min-width:45px;min-height:45px;background:#fff;border-radius:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.installation-first-step .installation-package-managers{font-size:18px}.installation-first-step .installation-package-managers code{padding-top:5px;line-height:1.6}.installation-first-step .installation-package-managers code+code{padding-top:0}.installation-first-step .installation-cdn{clear:both;width:100%}.languages p{text-align:center;margin:0 0 5px;font-size:18px;color:#fff}.languages p a{color:#b65207}.languages .languages-columns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.languages .col-globe{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07;margin-top:30px}.languages .col-globe .globe{width:90%;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);-o-transform:translateX(-40px);transform:translateX(-40px)}.languages .col-list{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93;padding-top:80px;line-height:1.6;font-weight:400}.languages .col-list .continent-name{color:#fff;font-size:22px;font-weight:400;background:0 0;border:none;padding:0;margin:0}.languages .col-list .continent-name:focus{outline:0}.languages .col-list .continent-name::after{content:"";display:inline-block;height:0;width:0;border:6px solid transparent;border-left-color:#fff;-webkit-transform:translateX(5px) translateY(-1px);-ms-transform:translateX(5px) translateY(-1px);-o-transform:translateX(5px) translateY(-1px);transform:translateX(5px) translateY(-1px)}.languages .col-list li[style] .continent-name::after{border-left-color:transparent;border-top-color:#fff;-webkit-transform:translateX(2px) translateY(2px);-ms-transform:translateX(2px) translateY(2px);-o-transform:translateX(2px) translateY(2px);transform:translateX(2px) translateY(2px)}.languages .col-list .lang-code{display:inline-block;min-width:30px;padding-right:8px;opacity:.6;-webkit-transition:opacity 150ms;-o-transition:opacity 150ms;transition:opacity 150ms}.languages .col-list .lang-name{-webkit-transition:padding-left 150ms;-o-transition:padding-left 150ms;transition:padding-left 150ms}.languages .col-list a{color:#b65207;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.languages .col-list a:hover{color:#fff;text-decoration:none}.languages .col-list a:hover .lang-code{opacity:1}.languages .col-list a:hover .lang-name{padding-left:8px}.languages .col-list li,.languages .col-list ul{margin:0;padding:0;list-style:none}.languages .col-list>ul{padding-right:50px}.languages .col-list>ul>li{overflow:hidden;-webkit-transition:height 150ms linear;-o-transition:height 150ms linear;transition:height 150ms linear}.languages .col-list>ul>li[data-height]{height:30px}.languages .col-list>ul>li ul{padding:15px 0;-webkit-columns:2;-moz-columns:2;columns:2;line-height:1.8}.plugins-packages .wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.plugins-packages .col-plugins{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07}.plugins-packages .col-packages{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93}.plugins-packages .section-title{text-align:left;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.plugins-packages p{padding:0 100px 0 0;line-height:1.6}.plugins-packages li,.plugins-packages ul{margin:0;padding:0;list-style:none}.plugins-packages ul{-webkit-columns:2;-moz-columns:2;columns:2;margin:50px 0 0;max-width:500px}.plugins-packages li a{position:relative;display:inline-block;overflow:visible;color:#392813;-webkit-transition:color 150ms,-webkit-transform 150ms;transition:color 150ms,-webkit-transform 150ms;-o-transition:color 150ms,-o-transform 150ms;transition:color 150ms,transform 150ms;transition:color 150ms,transform 150ms,-webkit-transform 150ms,-o-transform 150ms;line-height:1.8}.plugins-packages li a:hover{color:#ff974a;text-decoration:none}.plugins-packages li a img,.plugins-packages li a svg{display:inline-block;color:#ff974a;fill:#ff974a;width:20px;height:20px;margin-right:8px;vertical-align:sub}.donate-container{position:relative;max-width:800px;margin:0 auto}.donate-container .donate-description{width:100%;padding:30px 50px 50px;background:#f4f7fa;border-top-left-radius:6px;border-top-right-radius:6px}.donate-container .donate-footer{text-align:center;padding:50px 0;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.donate-container .donate-beer{position:absolute;left:-190px;bottom:-30px;width:250px}.donate-container .button{color:#fff;text-decoration:none}.donate-container .button:focus,.donate-container .button:hover{text-decoration:none;background:#fff;color:#ff974a}.sponsors-container{margin:150px 0 0;text-align:center}.sponsors-container a{padding:0 20px}.footer{margin-top:40px;text-align:center;color:#fff;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864);clear:both}.footer .footer-link,.footer .footer-text{display:inline-block;padding:40px}.footer .footer-text{padding-bottom:0}.footer .footer-text .hearts{font-size:18px;color:#b65207}.footer .footer-link{text-decoration:none;color:#fff;-webkit-transition:color .15s;-o-transition:color .15s;transition:color .15s}.footer .footer-link:focus,.footer .footer-link:hover{color:#b65207}.hljs{display:block;overflow-x:auto;padding:0 1.5em;color:#333;background:#fff;-webkit-text-size-adjust:none}.diff .hljs-header,.hljs-comment,.hljs-javadoc{color:#998;font-style:italic}.css .rule .hljs-keyword,.hljs-keyword,.hljs-request,.hljs-status,.hljs-subst,.hljs-winutils,.nginx .hljs-title{color:#333;font-weight:700}.hljs-hexcolor,.hljs-number,.ruby .hljs-constant{color:teal}.hljs-dartdoc,.hljs-phpdoc,.hljs-string,.hljs-tag .hljs-value,.tex .hljs-formula{color:#d14}.hljs-id,.hljs-title,.scss .hljs-preprocessor{color:#900;font-weight:700}.hljs-list .hljs-keyword,.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type,.tex .hljs-command,.vhdl .hljs-literal{color:#458;font-weight:700}.django .hljs-tag .hljs-keyword,.hljs-rules .hljs-property,.hljs-tag,.hljs-tag .hljs-title{color:navy;font-weight:400}.hljs-attribute,.hljs-variable,.lisp .hljs-body{color:teal}.hljs-regexp{color:#009926}.clojure .hljs-keyword,.hljs-prompt,.hljs-symbol,.lisp .hljs-keyword,.ruby .hljs-symbol .hljs-string,.scheme .hljs-keyword,.tex .hljs-special{color:#990073}.hljs-built_in{color:#0086b3}.hljs-cdata,.hljs-doctype,.hljs-pi,.hljs-pragma,.hljs-preprocessor,.hljs-shebang{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}.documentation-body{background:#f4f7fa;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.documentation-body .main{padding:0 60px;height:100vh;width:78%;overflow:auto}.documentation-body .main-demos{padding:0;overflow:hidden}.documentation-body .main-demos iframe{width:100%;height:100vh;background:#f4f7fa}.documentation-body .main-demo-inner{width:100%}.documentation-body .section-title{padding:50px 0 0}.documentation-body h3{display:inline-block;font-weight:700;font-size:26px}.documentation-body h4{padding:20px 0 0}.documentation-body dd code,.documentation-body p code,.documentation-body ul code{color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}.documentation-body code.type{padding:0 3px;color:#b65207}.documentation-body code.type::before{content:"<"}.documentation-body code.type::after{content:">"}.documentation-body .button.button-demo{border-color:rgba(244,141,64,.6);color:#f48d40;width:auto;padding:10px 30px}.documentation-body .button.button-demo:focus,.documentation-body .button.button-demo:hover{text-decoration:none;border-color:#f48d40;background:#f48d40;color:#fff}.documentation-body ::-webkit-scrollbar{width:17px}.documentation-body ::-webkit-scrollbar-track{background:#f4f7fa}.documentation-body ::-webkit-scrollbar-thumb{background:#cfd7de;border:2px solid #f4f7fa}.documentation-body ::-webkit-scrollbar-thumb:hover{background:#616870}.header-documentation{margin-top:50px}.header-documentation .documentation-logo-link{display:block;margin:0 auto;width:80%;max-width:350px}.header-documentation .documentation-logo-link .documentation-logo{width:100%}.header-documentation .documentation-title{text-align:center;font-family:Panton,sans-serif;font-weight:100;line-height:1}@media (max-width:1290px){.header-documentation .documentation-title{font-size:2.5vw}}.header-documentation .documentation-menu{text-align:center;margin-top:40px;background:#f48d40}.header-documentation .documentation-menu a{display:inline-block;padding:20px 5px}.header-documentation .documentation-menu a:focus,.header-documentation .documentation-menu a:hover{text-decoration:underline}@media (max-width:1550px){.header-documentation .documentation-menu{padding:5px 7%}.header-documentation .documentation-menu a{width:48%;padding:10px 0}.header-documentation .documentation-menu .documentation-menu-dot{display:none}}.sidebar{position:relative;top:0;left:0;height:100vh;color:#fff;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);width:22%}.sidebar ::-webkit-scrollbar-track{background:0 0}.sidebar ::-webkit-scrollbar-thumb{background:#ffb864;border:1px solid #ffb864;border-right:none}.sidebar ::-webkit-scrollbar-thumb:hover{background:#fff}.sidebar::after{content:"";display:block;position:absolute;left:0;bottom:70px;width:calc(100% - 17px);height:100px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,184,100,0)),to(#ffb864));background:-webkit-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:-o-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:linear-gradient(to bottom,rgba(255,184,100,0),#ffb864);pointer-events:none}.sidebar .sidebar-inner{overflow:auto;overflow-y:scroll;overflow-x:hidden;height:calc(100vh - 70px)}.sidebar li,.sidebar ul{padding:0;margin:0;list-style:none}.sidebar a{text-decoration:none;color:#fff;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.sidebar .documentation-summary{position:relative;font-size:18px;margin-bottom:100px}.sidebar .documentation-summary>ul{max-width:340px;margin:0 auto;padding:0 30px}.sidebar .documentation-summary>ul .documentation-summary-title,.sidebar .documentation-summary>ul a{display:block;height:30px;line-height:30px;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden}.sidebar .documentation-summary>ul>li{margin-top:30px}.sidebar .documentation-summary>ul>li:first-child{margin-top:50px}.sidebar .documentation-summary>ul>li .documentation-summary-title,.sidebar .documentation-summary>ul>li>a{font-weight:600;text-transform:uppercase;margin-bottom:5px}.sidebar .documentation-summary>ul>li>a:focus,.sidebar .documentation-summary>ul>li>a:hover{color:#b65207}.sidebar .documentation-summary>ul>li ul li a:focus,.sidebar .documentation-summary>ul>li ul li a:hover{color:#b65207;text-indent:10px}.sidebar .documentation-sidebar-beer{position:fixed;width:22%;bottom:0;left:0;background:#fff;height:70px}.sidebar .documentation-sidebar-beer a{position:relative;display:block;height:70px;width:100%;text-align:left;padding:10px 17px 0 0;background:0 0;border:none;border-top:1px solid #e9eef3;color:#9ca4ac}.sidebar .documentation-sidebar-beer a:focus{outline:0}.sidebar .documentation-sidebar-beer a .beer-icon{display:none}@media (min-width:1700px){.sidebar .documentation-sidebar-beer a .beer-icon{position:absolute;display:block;width:calc((100% - 236px)/ 2);height:50px;margin:0 auto}}.sidebar .documentation-sidebar-beer a .beer-label{position:relative;display:block;max-width:236px;margin:0 auto}@media (max-width:1290px){.sidebar .documentation-sidebar-beer a .beer-label{font-size:14px;margin:0;padding:7px 0 0 15px;width:200px}}.added-feature,.deprecated-feature{display:inline-block;padding:3px 13px;margin:0;color:#fff;font-size:14px;border-radius:50px;-webkit-transform:translateX(10px) translateY(-4px);-ms-transform:translateX(10px) translateY(-4px);-o-transform:translateX(10px) translateY(-4px);transform:translateX(10px) translateY(-4px)}.added-feature{background:#5ecb0e}.deprecated-feature{background:#ff9a4d}.deprecated-info{padding:7px 15px;border-radius:2px;background:#f2dfc1;border:1px solid #ff9a4d}.deprecated-info a{color:#ff9a4d}.version-tag{display:inline-block;padding:2px 6px;background:#5ecb0e;color:#fff;font-size:12px;font-style:normal;border-radius:20px}.note .version-tag{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}.feature{position:relative;padding-bottom:60px}.feature::after{content:" ";display:block;position:absolute;bottom:0;left:50%;width:40%;height:0;border-bottom:1px solid #ffb864;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.feature h3{position:relative;padding-top:50px;margin-left:-15px;padding-left:15px}.feature h4{position:relative;font-size:20px;font-weight:700}.feature .title-link{display:block;position:absolute;top:53px;left:-45px;height:30px;width:30px;opacity:0;text-align:center;text-decoration:none;background:#ff974a;border-radius:50%;-webkit-transition:opacity 150ms,background 150ms,color 150ms;-o-transition:opacity 150ms,background 150ms,color 150ms;transition:opacity 150ms,background 150ms,color 150ms}.feature .title-link:focus,.feature .title-link:hover{background:#fff;text-decoration:none}.feature .title-link:focus svg,.feature .title-link:hover svg{fill:#ff974a}.feature .title-link svg{fill:#fff;width:70%;height:100%}.feature:hover .title-link{opacity:1}.sample-data{background:#fff;padding:25px}.sample-data h4{padding:0}.sample-data input{width:100%;border:none;padding:5px 7px;color:#616870;background:#dfe5eb}.sample-data input:not(:last-child){margin-bottom:10px}dl dt{display:inline-block;color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}dl dd{padding:5px 0 15px;margin-left:15px} \ No newline at end of file +/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Panton;src:url(../font/panton.eot);src:url(../font/panton.eot?#iefix) format("embedded-opentype"),url(../font/panton.woff2) format("woff2"),url(../font/panton.woff) format("woff"),url(../font/panton.ttf) format("truetype");font-weight:300}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}body,html{background:#fff}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body,button,input,select,textarea{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:300}.wrapper{max-width:1200px;margin:0 auto;clear:both}.wrapper p:last-child{margin-bottom:0}.wrapper h4{font-size:30px}.wrapper code.console{background:#392813;color:#fff;font-size:16px;padding:3px 7px}.wrapper .note{color:#888;padding:3px 0 3px 15px;border-left:3px solid #ffb864;margin-right:30px}.wrapper .note>:first-child{margin-top:0}.wrapper .note>:last-child{margin-bottom:0}.section a{text-decoration:none;color:#ff974a}.section a:focus,.section a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0;padding:0}hr.clearfix{display:block;border:none;background:0 0;margin:0;padding:0;height:0;clear:both}table{margin:30px auto;text-align:left}table thead{background:#fff}table tbody tr{border-bottom:1px solid #ddd}table tbody tr:nth-child(2n){background:#fcfcfc}table td,table th{padding:5px 15px}@media print{*{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-block;position:relative;width:250px;border:2px solid transparent;margin:0 auto;padding:23px 30px;color:#fff;font-weight:400;font-size:16px;line-height:1.2;text-decoration:none;border-radius:50px;text-align:center;-webkit-transition:color 150ms,background-color 150ms;-o-transition:color 150ms,background-color 150ms;transition:color 150ms,background-color 150ms}.button-primary{background:#ff974a}.button-secondary{background:#f48d40}.button-ghost{border-color:rgba(255,255,255,.4)}.button+.button{margin-left:20px}.button:focus,.button:hover{background:#fff;color:#ff974a;outline:0}.header-landing{position:relative;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);text-align:center;color:#fff;padding-bottom:200px}.header-nav{float:right;width:100%;margin:0;padding:25px 40px 0;font-weight:400}.header-nav li{list-style:none;float:right;margin-right:30px}.header-nav li:first-child{float:left}.header-nav li:nth-child(2){margin-right:0}.header-nav li a{display:block;text-decoration:none;color:#b65207;font-size:16px;padding:10px 0;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.header-nav li a:hover{color:#fff}.header-nav li a.view-on-github{-webkit-transform:translateY(-11px);-ms-transform:translateY(-11px);-o-transform:translateY(-11px);transform:translateY(-11px)}.header-nav li a.view-on-github svg{width:25px;height:25px;fill:currentColor;margin-right:10px;vertical-align:baseline;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}.header-nav li a.view-on-github .star{font-size:18px}.header-logo-container{margin:0 auto;padding-top:calc(80px + 4%);text-align:center}.header-logo-container .header-logo-h1{position:relative;margin:0 auto;width:1000px;max-width:100%}.header-logo-container .header-logo{margin-right:-3%;width:1000px;max-width:80%}.header-subtitle{font-size:28px;padding:0 20px}.header-description{font-size:18px;line-height:1.6;padding:0 20px;font-weight:300}.header-buttons{margin:50px 0}.header-install{font-size:18px;line-height:1.6;font-weight:300}#demonstration{padding-bottom:0;margin-bottom:80px}#demonstration .trumbowyg-editor{height:300px!important}#demonstration .trumbowyg-editor,#demonstration .trumbowyg-textarea{padding:25px}#demonstration .trumbowyg:not(.trumbowyg-fullscreen),#trumbowyg-demo:not(.trumbowyg-textarea){display:block;margin:-150px auto 0;width:100%;height:340px;max-width:900px;background:#fff;-webkit-box-shadow:0 0 27px rgba(0,0,0,.03);box-shadow:0 0 27px rgba(0,0,0,.03);resize:none}#demonstration .trumbowyg{font-size:16px;line-height:2}#demonstration .trumbowyg p{margin:0 0 32px}#demonstration .trumbowyg button{font-weight:400}#trumbowyg-demo:not(.trumbowyg-textarea){color:transparent;overflow:hidden;border:1px solid #dbdfe0}.demo-switcher{position:absolute;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10;margin:0 auto;width:250px;height:40px;border-radius:50px;border:1px solid #dbdfe0;background:#fff}.demo-switcher .button{display:block;float:left;padding:10px;margin:0;border:none;width:50%;background:0 0;color:#392813;font-weight:300;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.demo-switcher .button:first-child{text-indent:5px}.demo-switcher .button:last-child{text-indent:-5px}.demo-switcher .button.current{text-indent:0;color:#fff}.demo-switcher::after{content:"";display:block;width:50%;height:100%;border-radius:50px;background:#ff974a;-webkit-transition:margin-left 150ms;-o-transition:margin-left 150ms;transition:margin-left 150ms}.demo-switcher.current-plugins::after{margin-left:50%}.header-logo-animation{position:absolute;overflow:hidden;top:-30px;left:91.5%;width:150px;height:150px}.header-logo-animation svg{position:absolute;top:0;left:0;fill:#fff;height:25px;width:25px}.header-logo-animation .header-logo-animation-strong{-webkit-animation:headerLogoStrong 1s linear infinite;-o-animation:headerLogoStrong 1s linear infinite;animation:headerLogoStrong 1s linear infinite;-webkit-animation-delay:-.85s;-o-animation-delay:-.85s;animation-delay:-.85s}.header-logo-animation .header-logo-animation-p{-webkit-animation:headerLogoP 1s linear infinite;-o-animation:headerLogoP 1s linear infinite;animation:headerLogoP 1s linear infinite;-webkit-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s}.header-logo-animation .header-logo-animation-link{-webkit-animation:headerLogoLink 1s linear infinite;-o-animation:headerLogoLink 1s linear infinite;animation:headerLogoLink 1s linear infinite;-webkit-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}.header-logo-animation .header-logo-animation-blockquote{-webkit-animation:headerLogoBlockquote 1s linear infinite;-o-animation:headerLogoBlockquote 1s linear infinite;animation:headerLogoBlockquote 1s linear infinite;-webkit-animation-delay:-.6s;-o-animation-delay:-.6s;animation-delay:-.6s}.header-logo-animation .header-logo-animation-view-html{-webkit-animation:headerLogoViewHtml 1s linear infinite;-o-animation:headerLogoViewHtml 1s linear infinite;animation:headerLogoViewHtml 1s linear infinite;-webkit-animation-delay:-.3s;-o-animation-delay:-.3s;animation-delay:-.3s}@-webkit-keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoStrong{0%{opacity:1;-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-o-keyframes headerLogoP{0%{opacity:1;-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-webkit-keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoLink{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-o-keyframes headerLogoBlockquote{0%{opacity:1;-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-webkit-keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@-o-keyframes headerLogoViewHtml{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}.section{position:relative;padding-bottom:100px}.section-primary{color:#b65207;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864)}.section-primary .section-title{color:#fff}.section-primary a{color:#fff}.section-secondary{background:#f4f7fa}.section h4{font-weight:400;color:#392813;font-size:28px;padding-top:80px}.section-title{text-align:center;font-family:Panton,sans-serif;font-size:100px;color:#ff974a;padding-top:100px;padding-bottom:30px}.section-subtitle{margin-top:-22px;font-size:23px;color:#392813;font-weight:400}.section-introduction{margin-top:50px;padding-bottom:70px}.section-introduction .introduction-section{height:300px}.section-introduction .introduction-section-col{position:relative;float:left;width:30%;margin-right:5%}.section-introduction .introduction-section-col:last-child{margin-right:0}.section-introduction .introduction-section-col-title{font-size:28px;font-weight:300;margin-bottom:0;padding-top:50px}.section-introduction .introduction-section-col-title img{height:40px;margin-right:8px;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}.section-introduction .introduction-section-col-title img.illu-lightweight{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.section-introduction .introduction-section-col-description{font-size:18px;line-height:28px;margin-top:10px}.installation-first-step{height:400px;color:#392813;text-align:center;padding-top:10px;margin:20px 0 50px;border:1px solid rgba(0,0,0,.15)}.installation-first-step code{display:block;color:#888}.installation-first-step .installation-download,.installation-first-step .installation-package-managers{width:48%;float:left}.installation-first-step .installation-col-title{font-size:22px;padding:30px 0;color:#392813}.installation-first-step .button{display:block;color:#392813;border-color:rgba(0,0,0,.07);background-color:transparent;-webkit-box-shadow:0 0 50px rgba(0,0,0,.03);box-shadow:0 0 50px rgba(0,0,0,.03);-webkit-transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;-o-transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms,-webkit-box-shadow 150ms}.installation-first-step .button:hover{text-decoration:none;color:#fff;border-color:transparent;background-color:#ff974a;-webkit-box-shadow:0 0 50px rgba(255,151,74,.4);box-shadow:0 0 50px rgba(255,151,74,.4)}.installation-first-step .installation-or{position:relative;font-weight:700;text-transform:uppercase;width:4%;float:left;font-size:18px;margin:140px 0 20px;border-radius:50px;z-index:0}.installation-first-step .installation-or::before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:-1;width:100%;padding-top:100%;min-width:45px;min-height:45px;background:#fff;border-radius:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.installation-first-step .installation-package-managers{font-size:18px}.installation-first-step .installation-package-managers code{padding-top:5px;line-height:1.6}.installation-first-step .installation-package-managers code+code{padding-top:0}.installation-first-step .installation-cdn{clear:both;width:100%}.languages p{text-align:center;margin:0 0 5px;font-size:18px;color:#fff}.languages p a{color:#b65207}.languages .languages-columns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.languages .col-globe{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07;margin-top:30px}.languages .col-globe .globe{width:90%;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);-o-transform:translateX(-40px);transform:translateX(-40px)}.languages .col-list{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93;padding-top:80px;line-height:1.6;font-weight:400}.languages .col-list .continent-name{color:#fff;font-size:22px;font-weight:400;background:0 0;border:none;padding:0;margin:0}.languages .col-list .continent-name:focus{outline:0}.languages .col-list .continent-name::after{content:"";display:inline-block;height:0;width:0;border:6px solid transparent;border-left-color:#fff;-webkit-transform:translateX(5px) translateY(-1px);-ms-transform:translateX(5px) translateY(-1px);-o-transform:translateX(5px) translateY(-1px);transform:translateX(5px) translateY(-1px)}.languages .col-list li[style] .continent-name::after{border-left-color:transparent;border-top-color:#fff;-webkit-transform:translateX(2px) translateY(2px);-ms-transform:translateX(2px) translateY(2px);-o-transform:translateX(2px) translateY(2px);transform:translateX(2px) translateY(2px)}.languages .col-list .lang-code{display:inline-block;min-width:30px;padding-right:8px;opacity:.6;-webkit-transition:opacity 150ms;-o-transition:opacity 150ms;transition:opacity 150ms}.languages .col-list .lang-name{-webkit-transition:padding-left 150ms;-o-transition:padding-left 150ms;transition:padding-left 150ms}.languages .col-list a{color:#b65207;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.languages .col-list a:hover{color:#fff;text-decoration:none}.languages .col-list a:hover .lang-code{opacity:1}.languages .col-list a:hover .lang-name{padding-left:8px}.languages .col-list li,.languages .col-list ul{margin:0;padding:0;list-style:none}.languages .col-list>ul{padding-right:50px}.languages .col-list>ul>li{overflow:hidden;-webkit-transition:height 150ms linear;-o-transition:height 150ms linear;transition:height 150ms linear}.languages .col-list>ul>li[data-height]{height:30px}.languages .col-list>ul>li ul{padding:15px 0;-webkit-columns:2;-moz-columns:2;columns:2;line-height:1.8}.plugins-packages .wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.plugins-packages .col-plugins{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07}.plugins-packages .col-packages{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93}.plugins-packages .section-title{text-align:left;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.plugins-packages p{padding:0 100px 0 0;line-height:1.6}.plugins-packages li,.plugins-packages ul{margin:0;padding:0;list-style:none}.plugins-packages ul{-webkit-columns:2;-moz-columns:2;columns:2;margin:50px 0 0;max-width:500px}.plugins-packages li a{position:relative;display:inline-block;overflow:visible;color:#392813;-webkit-transition:color 150ms,-webkit-transform 150ms;transition:color 150ms,-webkit-transform 150ms;-o-transition:color 150ms,-o-transform 150ms;transition:color 150ms,transform 150ms;transition:color 150ms,transform 150ms,-webkit-transform 150ms,-o-transform 150ms;line-height:1.8}.plugins-packages li a:hover{color:#ff974a;text-decoration:none}.plugins-packages li a img,.plugins-packages li a svg{display:inline-block;color:#ff974a;fill:#ff974a;width:20px;height:20px;margin-right:8px;vertical-align:sub}.donate-container{position:relative;max-width:800px;margin:0 auto}.donate-container .donate-description{width:100%;padding:30px 50px 50px;background:#f4f7fa;border-top-left-radius:6px;border-top-right-radius:6px}.donate-container .donate-footer{text-align:center;padding:50px 0;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.donate-container .donate-beer{position:absolute;left:-190px;bottom:-30px;width:250px}.donate-container .button{color:#fff;text-decoration:none}.donate-container .button:focus,.donate-container .button:hover{text-decoration:none;background:#fff;color:#ff974a}.sponsors-container{margin:150px 0 0;text-align:center}.sponsors-container a{padding:0 20px}.footer{margin-top:40px;text-align:center;color:#fff;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864);clear:both}.footer .footer-link,.footer .footer-text{display:inline-block;padding:40px}.footer .footer-text{padding-bottom:0}.footer .footer-text .hearts{font-size:18px;color:#b65207}.footer .footer-link{text-decoration:none;color:#fff;-webkit-transition:color .15s;-o-transition:color .15s;transition:color .15s}.footer .footer-link:focus,.footer .footer-link:hover{color:#b65207}.hljs{display:block;overflow-x:auto;padding:0 1.5em;color:#333;background:#fff;-webkit-text-size-adjust:none}.diff .hljs-header,.hljs-comment,.hljs-javadoc{color:#998;font-style:italic}.css .rule .hljs-keyword,.hljs-keyword,.hljs-request,.hljs-status,.hljs-subst,.hljs-winutils,.nginx .hljs-title{color:#333;font-weight:700}.hljs-hexcolor,.hljs-number,.ruby .hljs-constant{color:teal}.hljs-dartdoc,.hljs-phpdoc,.hljs-string,.hljs-tag .hljs-value,.tex .hljs-formula{color:#d14}.hljs-id,.hljs-title,.scss .hljs-preprocessor{color:#900;font-weight:700}.hljs-list .hljs-keyword,.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type,.tex .hljs-command,.vhdl .hljs-literal{color:#458;font-weight:700}.django .hljs-tag .hljs-keyword,.hljs-rules .hljs-property,.hljs-tag,.hljs-tag .hljs-title{color:navy;font-weight:400}.hljs-attribute,.hljs-variable,.lisp .hljs-body{color:teal}.hljs-regexp{color:#009926}.clojure .hljs-keyword,.hljs-prompt,.hljs-symbol,.lisp .hljs-keyword,.ruby .hljs-symbol .hljs-string,.scheme .hljs-keyword,.tex .hljs-special{color:#990073}.hljs-built_in{color:#0086b3}.hljs-cdata,.hljs-doctype,.hljs-pi,.hljs-pragma,.hljs-preprocessor,.hljs-shebang{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}.documentation-body{background:#f4f7fa;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.documentation-body .main{padding:0 60px;height:100vh;width:78%;overflow:auto}.documentation-body .main-demos{padding:0;overflow:hidden}.documentation-body .main-demos iframe{width:100%;height:100vh;background:#f4f7fa}.documentation-body .main-demo-inner{width:100%}.documentation-body .section-title{padding:50px 0 0}.documentation-body h3{display:inline-block;font-weight:700;font-size:26px}.documentation-body h4{padding:20px 0 0}.documentation-body dd code,.documentation-body p code,.documentation-body ul code{color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}.documentation-body code.type{padding:0 3px;color:#b65207}.documentation-body code.type::before{content:"<"}.documentation-body code.type::after{content:">"}.documentation-body .button.button-demo{border-color:rgba(244,141,64,.6);color:#f48d40;width:auto;padding:10px 30px}.documentation-body .button.button-demo:focus,.documentation-body .button.button-demo:hover{text-decoration:none;border-color:#f48d40;background:#f48d40;color:#fff}.documentation-body ::-webkit-scrollbar{width:17px}.documentation-body ::-webkit-scrollbar-track{background:#f4f7fa}.documentation-body ::-webkit-scrollbar-thumb{background:#cfd7de;border:2px solid #f4f7fa}.documentation-body ::-webkit-scrollbar-thumb:hover{background:#616870}.header-documentation{margin-top:50px}.header-documentation .documentation-logo-link{display:block;margin:0 auto;width:80%;max-width:350px}.header-documentation .documentation-logo-link .documentation-logo{width:100%}.header-documentation .documentation-title{text-align:center;font-family:Panton,sans-serif;font-weight:100;line-height:1}@media (max-width:1290px){.header-documentation .documentation-title{font-size:2.5vw}}.header-documentation .documentation-menu{text-align:center;margin-top:40px;background:#f48d40}.header-documentation .documentation-menu a{display:inline-block;padding:20px 5px}.header-documentation .documentation-menu a:focus,.header-documentation .documentation-menu a:hover{text-decoration:underline}@media (max-width:1550px){.header-documentation .documentation-menu{padding:5px 7%}.header-documentation .documentation-menu a{width:48%;padding:10px 0}.header-documentation .documentation-menu .documentation-menu-dot{display:none}}.sidebar{position:relative;top:0;left:0;height:100vh;color:#fff;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);width:22%}.sidebar ::-webkit-scrollbar-track{background:0 0}.sidebar ::-webkit-scrollbar-thumb{background:#ffb864;border:1px solid #ffb864;border-right:none}.sidebar ::-webkit-scrollbar-thumb:hover{background:#fff}.sidebar::after{content:"";display:block;position:absolute;left:0;bottom:70px;width:calc(100% - 17px);height:100px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,184,100,0)),to(#ffb864));background:-webkit-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:-o-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:linear-gradient(to bottom,rgba(255,184,100,0),#ffb864);pointer-events:none}.sidebar .sidebar-inner{overflow:auto;overflow-y:scroll;overflow-x:hidden;height:calc(100vh - 70px)}.sidebar li,.sidebar ul{padding:0;margin:0;list-style:none}.sidebar a{text-decoration:none;color:#fff;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.sidebar .documentation-summary{position:relative;font-size:18px;margin-bottom:100px}.sidebar .documentation-summary>ul{max-width:340px;margin:0 auto;padding:0 30px}.sidebar .documentation-summary>ul .documentation-summary-title,.sidebar .documentation-summary>ul a{display:block;height:30px;line-height:30px;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden}.sidebar .documentation-summary>ul>li{margin-top:30px}.sidebar .documentation-summary>ul>li:first-child{margin-top:50px}.sidebar .documentation-summary>ul>li .documentation-summary-title,.sidebar .documentation-summary>ul>li>a{font-weight:600;text-transform:uppercase;margin-bottom:5px}.sidebar .documentation-summary>ul>li>a:focus,.sidebar .documentation-summary>ul>li>a:hover{color:#b65207}.sidebar .documentation-summary>ul>li ul li a:focus,.sidebar .documentation-summary>ul>li ul li a:hover{color:#b65207;text-indent:10px}.sidebar .documentation-sidebar-beer{position:fixed;width:22%;bottom:0;left:0;background:#fff;height:70px}.sidebar .documentation-sidebar-beer a{position:relative;display:block;height:70px;width:100%;text-align:left;padding:10px 17px 0 0;background:0 0;border:none;border-top:1px solid #e9eef3;color:#9ca4ac}.sidebar .documentation-sidebar-beer a:focus{outline:0}.sidebar .documentation-sidebar-beer a .beer-icon{display:none}@media (min-width:1700px){.sidebar .documentation-sidebar-beer a .beer-icon{position:absolute;display:block;width:calc((100% - 236px)/ 2);height:50px;margin:0 auto}}.sidebar .documentation-sidebar-beer a .beer-label{position:relative;display:block;max-width:236px;margin:0 auto}@media (max-width:1290px){.sidebar .documentation-sidebar-beer a .beer-label{font-size:14px;margin:0;padding:7px 0 0 15px;width:200px}}.added-feature,.deprecated-feature{display:inline-block;padding:3px 13px;margin:0;color:#fff;font-size:14px;border-radius:50px;-webkit-transform:translateX(10px) translateY(-4px);-ms-transform:translateX(10px) translateY(-4px);-o-transform:translateX(10px) translateY(-4px);transform:translateX(10px) translateY(-4px)}.added-feature{background:#5ecb0e}.deprecated-feature{background:#ff9a4d}.deprecated-info{padding:7px 15px;border-radius:2px;background:#f2dfc1;border:1px solid #ff9a4d}.deprecated-info a{color:#ff9a4d}.version-tag{display:inline-block;padding:2px 6px;background:#5ecb0e;color:#fff;font-size:12px;font-style:normal;border-radius:20px}.note .version-tag{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}.feature{position:relative;padding-bottom:60px}.feature::after{content:" ";display:block;position:absolute;bottom:0;left:50%;width:40%;height:0;border-bottom:1px solid #ffb864;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.feature h3,.feature h4{display:inline-block;position:relative}.feature h3{position:relative;padding-top:50px;margin-left:-15px;padding-left:15px}.feature h4{position:relative;font-size:20px;font-weight:700}.feature .title-link{display:block;position:absolute;top:53px;left:-45px;height:30px;width:30px;opacity:0;text-align:center;text-decoration:none;background:#ff974a;border-radius:50%;-webkit-transition:opacity 150ms,background 150ms,color 150ms;-o-transition:opacity 150ms,background 150ms,color 150ms;transition:opacity 150ms,background 150ms,color 150ms}.feature .title-link:focus,.feature .title-link:hover{background:#fff;text-decoration:none}.feature .title-link:focus svg,.feature .title-link:hover svg{fill:#ff974a}.feature .title-link svg{fill:#fff;width:70%;height:100%}.feature:hover .title-link{opacity:1}.sample-data{background:#fff;padding:25px}.sample-data h4{padding:0}.sample-data input{width:100%;border:none;padding:5px 7px;color:#616870;background:#dfe5eb}.sample-data input:not(:last-child){margin-bottom:10px}dl dt{display:inline-block;color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}dl dd{padding:5px 0 15px;margin-left:15px} \ No newline at end of file diff --git a/docs/documentation/index.html b/docs/documentation/index.html index e63d75143..8ad7e4b80 100644 --- a/docs/documentation/index.html +++ b/docs/documentation/index.html @@ -394,6 +394,25 @@

            Change SVG path or disable SVG icons locally

            }); +

            Use absolute path to SVG sprite

            +

            Added in 2.22.0

            +

            + If you want to be IE-complient you should use this option. +

            +

            + This will load icons directly from the sprite file. + Instead of loading the sprite inline into the page, you can directly set this global option to true. +

            + 
            
+$.trumbowyg.svgAbsoluteUsePath = true;
+
            +

            + This option is useful to avoid issues with baseURL. +

            +

            + This global way needs to be done before initialize any Trumbowyg instance. +

            +

            Use SVG icons without XHR or via an another protocol than HTTP(S)

            If you want to be IE9-complient you should use this option. diff --git a/docs/scss/_base.scss b/docs/scss/_base.scss index 5d9e604b1..c8321cd23 100644 --- a/docs/scss/_base.scss +++ b/docs/scss/_base.scss @@ -1,3 +1,5 @@ +@import "variables"; + /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ html, diff --git a/docs/scss/_buttons.scss b/docs/scss/_buttons.scss index 893470621..2d2304815 100644 --- a/docs/scss/_buttons.scss +++ b/docs/scss/_buttons.scss @@ -1,3 +1,5 @@ +@import "variables"; + .button { display: inline-block; position: relative; diff --git a/docs/scss/_documentation.scss b/docs/scss/_documentation.scss index bdf5b4832..92b2fc4ac 100644 --- a/docs/scss/_documentation.scss +++ b/docs/scss/_documentation.scss @@ -1,3 +1,5 @@ +@import "variables"; + $added-color: #5ecb0e; $deprecated-color: #ff9a4d; @@ -372,6 +374,11 @@ $beer-height: 70px; transform: translateX(-50%); } + h3, + h4 { + display: inline-block; + position: relative; + } h3 { position: relative; padding-top: 50px; diff --git a/docs/scss/_donate.scss b/docs/scss/_donate.scss index 90c2a4a35..0b763f9c8 100644 --- a/docs/scss/_donate.scss +++ b/docs/scss/_donate.scss @@ -1,3 +1,5 @@ +@import "variables"; + .donate-container { position: relative; max-width: 800px; diff --git a/docs/scss/_footer.scss b/docs/scss/_footer.scss index 30bdc8406..ca0b88501 100644 --- a/docs/scss/_footer.scss +++ b/docs/scss/_footer.scss @@ -1,3 +1,5 @@ +@import "variables"; + .footer { margin-top: 40px; text-align: center; @@ -28,4 +30,4 @@ color: $primary-color-dark; } } -} \ No newline at end of file +} diff --git a/docs/scss/_get-started.scss b/docs/scss/_get-started.scss index 699dab18a..f1c40e5a8 100644 --- a/docs/scss/_get-started.scss +++ b/docs/scss/_get-started.scss @@ -1,3 +1,5 @@ +@import "variables"; + .installation-first-step { height: 400px; color: $text-color; diff --git a/docs/scss/_header.scss b/docs/scss/_header.scss index 2bea28efc..1218338b5 100644 --- a/docs/scss/_header.scss +++ b/docs/scss/_header.scss @@ -1,3 +1,5 @@ +@import "variables"; + .header-landing { position: relative; background: $primary-color linear-gradient(to bottom left, $primary-color, $primary-color-light); diff --git a/docs/scss/_introduction.scss b/docs/scss/_introduction.scss index f5009d1e0..e347c4911 100644 --- a/docs/scss/_introduction.scss +++ b/docs/scss/_introduction.scss @@ -1,3 +1,5 @@ +@import "variables"; + .section-introduction { margin-top: 50px; padding-bottom: 70px; @@ -36,4 +38,4 @@ line-height: 28px; margin-top: 10px; } -} \ No newline at end of file +} diff --git a/docs/scss/_languages.scss b/docs/scss/_languages.scss index ddf6d7f96..09a66364b 100644 --- a/docs/scss/_languages.scss +++ b/docs/scss/_languages.scss @@ -1,3 +1,5 @@ +@import "variables"; + .languages { p { text-align: center; @@ -118,4 +120,4 @@ } } } -} \ No newline at end of file +} diff --git a/docs/scss/_plugins-packages.scss b/docs/scss/_plugins-packages.scss index 916d12141..ea39fbb16 100644 --- a/docs/scss/_plugins-packages.scss +++ b/docs/scss/_plugins-packages.scss @@ -1,3 +1,5 @@ +@import "variables"; + .plugins-packages { .wrapper { display: flex; @@ -9,7 +11,7 @@ .col-packages { flex: 0.93; } - + .section-title { text-align: left; transform: translateX(-5px); diff --git a/docs/scss/_section.scss b/docs/scss/_section.scss index 625948b87..69495dd93 100644 --- a/docs/scss/_section.scss +++ b/docs/scss/_section.scss @@ -1,3 +1,5 @@ +@import "variables"; + .section { position: relative; padding-bottom: 100px; diff --git a/docs/scss/_variables.scss b/docs/scss/_variables.scss new file mode 100644 index 000000000..69f6f3500 --- /dev/null +++ b/docs/scss/_variables.scss @@ -0,0 +1,14 @@ +$primary-color: #ff974a; +$primary-color-light: #ffb864; +$primary-color-dark: #b65207; +$secondary-color: #f48d40; +$text-color: #392813; +$grey: #f4f7fa; +$white: #fff; + +$panton: "Panton", sans-serif; +$font: "Open Sans", sans-serif; + +$radius: 6px; + +$transition-duration: 150ms; diff --git a/docs/scss/main.scss b/docs/scss/main.scss index d1cfbbc3d..e0f799c6c 100644 --- a/docs/scss/main.scss +++ b/docs/scss/main.scss @@ -1,21 +1,5 @@ -$primary-color: #ff974a; -$primary-color-light: #ffb864; -$primary-color-dark: #b65207; -$secondary-color: #f48d40; -$grey: #f4f7fa; -$text-color: #392813; -$white: #fff; - -$panton: "Panton", sans-serif; -$font: "Open Sans", sans-serif; - -$radius: 6px; - -$transition-duration: 150ms; - - - @import "normalize"; +@import "variables"; @import "font"; @import "base"; @import "buttons"; From 7a546efea6e7e0b49aedf85aef5a8a737de24321 Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 22:29:01 +0100 Subject: [PATCH 08/11] docs: add tag classes documentation --- docs/documentation/index.html | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/docs/documentation/index.html b/docs/documentation/index.html index 8ad7e4b80..9ecff73e7 100644 --- a/docs/documentation/index.html +++ b/docs/documentation/index.html @@ -76,6 +76,7 @@

          • URL protocol
          • Minimal links
          • Default link target
            • +
          • Tag classes

        • @@ -412,6 +413,9 @@

          Use absolute path to SVG sprite

          This global way needs to be done before initialize any Trumbowyg instance.

          +

          + Default value for svgAbsoluteUsePath is false. +

          Use SVG icons without XHR or via an another protocol than HTTP(S)

          @@ -820,6 +824,26 @@

          undefined).

    • + + +
    +

    Tag classes

    +

    Added in 2.23.0

    +

    + Add classes to any tag. +

    + 
    
+$('.trumbowyg').trumbowyg({
+    tagClasses: {
+        h1: 'h1', // Bootstrap example
+        blockquote: 'bg-grey-100 rounded-xl', // Tailwind CSS example
+    }
+});
+
    +

    + No classes are applied by default. +

    +
    From 16c6fe71841451ae023613c69509ce8786573086 Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 22:29:56 +0100 Subject: [PATCH 09/11] refactor(tagClasses): use string instead array --- src/trumbowyg.js | 17 ++++------------- 1 file changed, 4 insertions(+), 13 deletions(-) diff --git a/src/trumbowyg.js b/src/trumbowyg.js index 9108f9ab9..84a99dce7 100644 --- a/src/trumbowyg.js +++ b/src/trumbowyg.js @@ -79,14 +79,7 @@ Object.defineProperty(jQuery.trumbowyg, 'defaultOptions', { hideButtonTexts: null, prefix: 'trumbowyg-', - // classes for inputs - tagClasses:{ - h1: null, - h2: null, - h3: null, - h4: null, - p: null, - }, + tagClasses: {}, semantic: true, semanticKeepAttributes: false, resetCss: false, @@ -1508,11 +1501,9 @@ Object.defineProperty(jQuery.trumbowyg, 'defaultOptions', { if(!$(window.getSelection().focusNode.parentNode).hasClass('trumbowyg-editor')){ listId = window.getSelection().focusNode.parentNode; } - var arr = t.o.tagClasses[param]; - if (arr) { - for (var i = 0; i < arr.length; i+=1) { - $(listId).addClass(arr[i]); - } + var classes = t.o.tagClasses[param]; + if (classes) { + $(listId).addClass(classes); } } catch (e) { From 4a8b69da72d5cd5cbfcb8fc30aed33b4c1ea9b3b Mon Sep 17 00:00:00 2001 From: Alex-D Date: Sun, 6 Dec 2020 22:35:11 +0100 Subject: [PATCH 10/11] docs: fix some visual issues --- docs/css/main.css | 2 +- docs/demos/core/dark-theme.html | 28 ++++++++++++++-------------- docs/scss/_documentation.scss | 5 +++++ 3 files changed, 20 insertions(+), 15 deletions(-) diff --git a/docs/css/main.css b/docs/css/main.css index c6da6b0f8..cfa492d71 100644 --- a/docs/css/main.css +++ b/docs/css/main.css @@ -1 +1 @@ -/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Panton;src:url(../font/panton.eot);src:url(../font/panton.eot?#iefix) format("embedded-opentype"),url(../font/panton.woff2) format("woff2"),url(../font/panton.woff) format("woff"),url(../font/panton.ttf) format("truetype");font-weight:300}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}body,html{background:#fff}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body,button,input,select,textarea{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:300}.wrapper{max-width:1200px;margin:0 auto;clear:both}.wrapper p:last-child{margin-bottom:0}.wrapper h4{font-size:30px}.wrapper code.console{background:#392813;color:#fff;font-size:16px;padding:3px 7px}.wrapper .note{color:#888;padding:3px 0 3px 15px;border-left:3px solid #ffb864;margin-right:30px}.wrapper .note>:first-child{margin-top:0}.wrapper .note>:last-child{margin-bottom:0}.section a{text-decoration:none;color:#ff974a}.section a:focus,.section a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0;padding:0}hr.clearfix{display:block;border:none;background:0 0;margin:0;padding:0;height:0;clear:both}table{margin:30px auto;text-align:left}table thead{background:#fff}table tbody tr{border-bottom:1px solid #ddd}table tbody tr:nth-child(2n){background:#fcfcfc}table td,table th{padding:5px 15px}@media print{*{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-block;position:relative;width:250px;border:2px solid transparent;margin:0 auto;padding:23px 30px;color:#fff;font-weight:400;font-size:16px;line-height:1.2;text-decoration:none;border-radius:50px;text-align:center;-webkit-transition:color 150ms,background-color 150ms;-o-transition:color 150ms,background-color 150ms;transition:color 150ms,background-color 150ms}.button-primary{background:#ff974a}.button-secondary{background:#f48d40}.button-ghost{border-color:rgba(255,255,255,.4)}.button+.button{margin-left:20px}.button:focus,.button:hover{background:#fff;color:#ff974a;outline:0}.header-landing{position:relative;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);text-align:center;color:#fff;padding-bottom:200px}.header-nav{float:right;width:100%;margin:0;padding:25px 40px 0;font-weight:400}.header-nav li{list-style:none;float:right;margin-right:30px}.header-nav li:first-child{float:left}.header-nav li:nth-child(2){margin-right:0}.header-nav li a{display:block;text-decoration:none;color:#b65207;font-size:16px;padding:10px 0;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.header-nav li a:hover{color:#fff}.header-nav li a.view-on-github{-webkit-transform:translateY(-11px);-ms-transform:translateY(-11px);-o-transform:translateY(-11px);transform:translateY(-11px)}.header-nav li a.view-on-github svg{width:25px;height:25px;fill:currentColor;margin-right:10px;vertical-align:baseline;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}.header-nav li a.view-on-github .star{font-size:18px}.header-logo-container{margin:0 auto;padding-top:calc(80px + 4%);text-align:center}.header-logo-container .header-logo-h1{position:relative;margin:0 auto;width:1000px;max-width:100%}.header-logo-container .header-logo{margin-right:-3%;width:1000px;max-width:80%}.header-subtitle{font-size:28px;padding:0 20px}.header-description{font-size:18px;line-height:1.6;padding:0 20px;font-weight:300}.header-buttons{margin:50px 0}.header-install{font-size:18px;line-height:1.6;font-weight:300}#demonstration{padding-bottom:0;margin-bottom:80px}#demonstration .trumbowyg-editor{height:300px!important}#demonstration .trumbowyg-editor,#demonstration .trumbowyg-textarea{padding:25px}#demonstration .trumbowyg:not(.trumbowyg-fullscreen),#trumbowyg-demo:not(.trumbowyg-textarea){display:block;margin:-150px auto 0;width:100%;height:340px;max-width:900px;background:#fff;-webkit-box-shadow:0 0 27px rgba(0,0,0,.03);box-shadow:0 0 27px rgba(0,0,0,.03);resize:none}#demonstration .trumbowyg{font-size:16px;line-height:2}#demonstration .trumbowyg p{margin:0 0 32px}#demonstration .trumbowyg button{font-weight:400}#trumbowyg-demo:not(.trumbowyg-textarea){color:transparent;overflow:hidden;border:1px solid #dbdfe0}.demo-switcher{position:absolute;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10;margin:0 auto;width:250px;height:40px;border-radius:50px;border:1px solid #dbdfe0;background:#fff}.demo-switcher .button{display:block;float:left;padding:10px;margin:0;border:none;width:50%;background:0 0;color:#392813;font-weight:300;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.demo-switcher .button:first-child{text-indent:5px}.demo-switcher .button:last-child{text-indent:-5px}.demo-switcher .button.current{text-indent:0;color:#fff}.demo-switcher::after{content:"";display:block;width:50%;height:100%;border-radius:50px;background:#ff974a;-webkit-transition:margin-left 150ms;-o-transition:margin-left 150ms;transition:margin-left 150ms}.demo-switcher.current-plugins::after{margin-left:50%}.header-logo-animation{position:absolute;overflow:hidden;top:-30px;left:91.5%;width:150px;height:150px}.header-logo-animation svg{position:absolute;top:0;left:0;fill:#fff;height:25px;width:25px}.header-logo-animation .header-logo-animation-strong{-webkit-animation:headerLogoStrong 1s linear infinite;-o-animation:headerLogoStrong 1s linear infinite;animation:headerLogoStrong 1s linear infinite;-webkit-animation-delay:-.85s;-o-animation-delay:-.85s;animation-delay:-.85s}.header-logo-animation .header-logo-animation-p{-webkit-animation:headerLogoP 1s linear infinite;-o-animation:headerLogoP 1s linear infinite;animation:headerLogoP 1s linear infinite;-webkit-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s}.header-logo-animation .header-logo-animation-link{-webkit-animation:headerLogoLink 1s linear infinite;-o-animation:headerLogoLink 1s linear infinite;animation:headerLogoLink 1s linear infinite;-webkit-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}.header-logo-animation .header-logo-animation-blockquote{-webkit-animation:headerLogoBlockquote 1s linear infinite;-o-animation:headerLogoBlockquote 1s linear infinite;animation:headerLogoBlockquote 1s linear infinite;-webkit-animation-delay:-.6s;-o-animation-delay:-.6s;animation-delay:-.6s}.header-logo-animation .header-logo-animation-view-html{-webkit-animation:headerLogoViewHtml 1s linear infinite;-o-animation:headerLogoViewHtml 1s linear infinite;animation:headerLogoViewHtml 1s linear infinite;-webkit-animation-delay:-.3s;-o-animation-delay:-.3s;animation-delay:-.3s}@-webkit-keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoStrong{0%{opacity:1;-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-o-keyframes headerLogoP{0%{opacity:1;-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-webkit-keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoLink{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-o-keyframes headerLogoBlockquote{0%{opacity:1;-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-webkit-keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@-o-keyframes headerLogoViewHtml{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}.section{position:relative;padding-bottom:100px}.section-primary{color:#b65207;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864)}.section-primary .section-title{color:#fff}.section-primary a{color:#fff}.section-secondary{background:#f4f7fa}.section h4{font-weight:400;color:#392813;font-size:28px;padding-top:80px}.section-title{text-align:center;font-family:Panton,sans-serif;font-size:100px;color:#ff974a;padding-top:100px;padding-bottom:30px}.section-subtitle{margin-top:-22px;font-size:23px;color:#392813;font-weight:400}.section-introduction{margin-top:50px;padding-bottom:70px}.section-introduction .introduction-section{height:300px}.section-introduction .introduction-section-col{position:relative;float:left;width:30%;margin-right:5%}.section-introduction .introduction-section-col:last-child{margin-right:0}.section-introduction .introduction-section-col-title{font-size:28px;font-weight:300;margin-bottom:0;padding-top:50px}.section-introduction .introduction-section-col-title img{height:40px;margin-right:8px;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}.section-introduction .introduction-section-col-title img.illu-lightweight{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.section-introduction .introduction-section-col-description{font-size:18px;line-height:28px;margin-top:10px}.installation-first-step{height:400px;color:#392813;text-align:center;padding-top:10px;margin:20px 0 50px;border:1px solid rgba(0,0,0,.15)}.installation-first-step code{display:block;color:#888}.installation-first-step .installation-download,.installation-first-step .installation-package-managers{width:48%;float:left}.installation-first-step .installation-col-title{font-size:22px;padding:30px 0;color:#392813}.installation-first-step .button{display:block;color:#392813;border-color:rgba(0,0,0,.07);background-color:transparent;-webkit-box-shadow:0 0 50px rgba(0,0,0,.03);box-shadow:0 0 50px rgba(0,0,0,.03);-webkit-transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;-o-transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms,-webkit-box-shadow 150ms}.installation-first-step .button:hover{text-decoration:none;color:#fff;border-color:transparent;background-color:#ff974a;-webkit-box-shadow:0 0 50px rgba(255,151,74,.4);box-shadow:0 0 50px rgba(255,151,74,.4)}.installation-first-step .installation-or{position:relative;font-weight:700;text-transform:uppercase;width:4%;float:left;font-size:18px;margin:140px 0 20px;border-radius:50px;z-index:0}.installation-first-step .installation-or::before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:-1;width:100%;padding-top:100%;min-width:45px;min-height:45px;background:#fff;border-radius:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.installation-first-step .installation-package-managers{font-size:18px}.installation-first-step .installation-package-managers code{padding-top:5px;line-height:1.6}.installation-first-step .installation-package-managers code+code{padding-top:0}.installation-first-step .installation-cdn{clear:both;width:100%}.languages p{text-align:center;margin:0 0 5px;font-size:18px;color:#fff}.languages p a{color:#b65207}.languages .languages-columns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.languages .col-globe{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07;margin-top:30px}.languages .col-globe .globe{width:90%;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);-o-transform:translateX(-40px);transform:translateX(-40px)}.languages .col-list{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93;padding-top:80px;line-height:1.6;font-weight:400}.languages .col-list .continent-name{color:#fff;font-size:22px;font-weight:400;background:0 0;border:none;padding:0;margin:0}.languages .col-list .continent-name:focus{outline:0}.languages .col-list .continent-name::after{content:"";display:inline-block;height:0;width:0;border:6px solid transparent;border-left-color:#fff;-webkit-transform:translateX(5px) translateY(-1px);-ms-transform:translateX(5px) translateY(-1px);-o-transform:translateX(5px) translateY(-1px);transform:translateX(5px) translateY(-1px)}.languages .col-list li[style] .continent-name::after{border-left-color:transparent;border-top-color:#fff;-webkit-transform:translateX(2px) translateY(2px);-ms-transform:translateX(2px) translateY(2px);-o-transform:translateX(2px) translateY(2px);transform:translateX(2px) translateY(2px)}.languages .col-list .lang-code{display:inline-block;min-width:30px;padding-right:8px;opacity:.6;-webkit-transition:opacity 150ms;-o-transition:opacity 150ms;transition:opacity 150ms}.languages .col-list .lang-name{-webkit-transition:padding-left 150ms;-o-transition:padding-left 150ms;transition:padding-left 150ms}.languages .col-list a{color:#b65207;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.languages .col-list a:hover{color:#fff;text-decoration:none}.languages .col-list a:hover .lang-code{opacity:1}.languages .col-list a:hover .lang-name{padding-left:8px}.languages .col-list li,.languages .col-list ul{margin:0;padding:0;list-style:none}.languages .col-list>ul{padding-right:50px}.languages .col-list>ul>li{overflow:hidden;-webkit-transition:height 150ms linear;-o-transition:height 150ms linear;transition:height 150ms linear}.languages .col-list>ul>li[data-height]{height:30px}.languages .col-list>ul>li ul{padding:15px 0;-webkit-columns:2;-moz-columns:2;columns:2;line-height:1.8}.plugins-packages .wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.plugins-packages .col-plugins{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07}.plugins-packages .col-packages{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93}.plugins-packages .section-title{text-align:left;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.plugins-packages p{padding:0 100px 0 0;line-height:1.6}.plugins-packages li,.plugins-packages ul{margin:0;padding:0;list-style:none}.plugins-packages ul{-webkit-columns:2;-moz-columns:2;columns:2;margin:50px 0 0;max-width:500px}.plugins-packages li a{position:relative;display:inline-block;overflow:visible;color:#392813;-webkit-transition:color 150ms,-webkit-transform 150ms;transition:color 150ms,-webkit-transform 150ms;-o-transition:color 150ms,-o-transform 150ms;transition:color 150ms,transform 150ms;transition:color 150ms,transform 150ms,-webkit-transform 150ms,-o-transform 150ms;line-height:1.8}.plugins-packages li a:hover{color:#ff974a;text-decoration:none}.plugins-packages li a img,.plugins-packages li a svg{display:inline-block;color:#ff974a;fill:#ff974a;width:20px;height:20px;margin-right:8px;vertical-align:sub}.donate-container{position:relative;max-width:800px;margin:0 auto}.donate-container .donate-description{width:100%;padding:30px 50px 50px;background:#f4f7fa;border-top-left-radius:6px;border-top-right-radius:6px}.donate-container .donate-footer{text-align:center;padding:50px 0;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.donate-container .donate-beer{position:absolute;left:-190px;bottom:-30px;width:250px}.donate-container .button{color:#fff;text-decoration:none}.donate-container .button:focus,.donate-container .button:hover{text-decoration:none;background:#fff;color:#ff974a}.sponsors-container{margin:150px 0 0;text-align:center}.sponsors-container a{padding:0 20px}.footer{margin-top:40px;text-align:center;color:#fff;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864);clear:both}.footer .footer-link,.footer .footer-text{display:inline-block;padding:40px}.footer .footer-text{padding-bottom:0}.footer .footer-text .hearts{font-size:18px;color:#b65207}.footer .footer-link{text-decoration:none;color:#fff;-webkit-transition:color .15s;-o-transition:color .15s;transition:color .15s}.footer .footer-link:focus,.footer .footer-link:hover{color:#b65207}.hljs{display:block;overflow-x:auto;padding:0 1.5em;color:#333;background:#fff;-webkit-text-size-adjust:none}.diff .hljs-header,.hljs-comment,.hljs-javadoc{color:#998;font-style:italic}.css .rule .hljs-keyword,.hljs-keyword,.hljs-request,.hljs-status,.hljs-subst,.hljs-winutils,.nginx .hljs-title{color:#333;font-weight:700}.hljs-hexcolor,.hljs-number,.ruby .hljs-constant{color:teal}.hljs-dartdoc,.hljs-phpdoc,.hljs-string,.hljs-tag .hljs-value,.tex .hljs-formula{color:#d14}.hljs-id,.hljs-title,.scss .hljs-preprocessor{color:#900;font-weight:700}.hljs-list .hljs-keyword,.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type,.tex .hljs-command,.vhdl .hljs-literal{color:#458;font-weight:700}.django .hljs-tag .hljs-keyword,.hljs-rules .hljs-property,.hljs-tag,.hljs-tag .hljs-title{color:navy;font-weight:400}.hljs-attribute,.hljs-variable,.lisp .hljs-body{color:teal}.hljs-regexp{color:#009926}.clojure .hljs-keyword,.hljs-prompt,.hljs-symbol,.lisp .hljs-keyword,.ruby .hljs-symbol .hljs-string,.scheme .hljs-keyword,.tex .hljs-special{color:#990073}.hljs-built_in{color:#0086b3}.hljs-cdata,.hljs-doctype,.hljs-pi,.hljs-pragma,.hljs-preprocessor,.hljs-shebang{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}.documentation-body{background:#f4f7fa;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.documentation-body .main{padding:0 60px;height:100vh;width:78%;overflow:auto}.documentation-body .main-demos{padding:0;overflow:hidden}.documentation-body .main-demos iframe{width:100%;height:100vh;background:#f4f7fa}.documentation-body .main-demo-inner{width:100%}.documentation-body .section-title{padding:50px 0 0}.documentation-body h3{display:inline-block;font-weight:700;font-size:26px}.documentation-body h4{padding:20px 0 0}.documentation-body dd code,.documentation-body p code,.documentation-body ul code{color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}.documentation-body code.type{padding:0 3px;color:#b65207}.documentation-body code.type::before{content:"<"}.documentation-body code.type::after{content:">"}.documentation-body .button.button-demo{border-color:rgba(244,141,64,.6);color:#f48d40;width:auto;padding:10px 30px}.documentation-body .button.button-demo:focus,.documentation-body .button.button-demo:hover{text-decoration:none;border-color:#f48d40;background:#f48d40;color:#fff}.documentation-body ::-webkit-scrollbar{width:17px}.documentation-body ::-webkit-scrollbar-track{background:#f4f7fa}.documentation-body ::-webkit-scrollbar-thumb{background:#cfd7de;border:2px solid #f4f7fa}.documentation-body ::-webkit-scrollbar-thumb:hover{background:#616870}.header-documentation{margin-top:50px}.header-documentation .documentation-logo-link{display:block;margin:0 auto;width:80%;max-width:350px}.header-documentation .documentation-logo-link .documentation-logo{width:100%}.header-documentation .documentation-title{text-align:center;font-family:Panton,sans-serif;font-weight:100;line-height:1}@media (max-width:1290px){.header-documentation .documentation-title{font-size:2.5vw}}.header-documentation .documentation-menu{text-align:center;margin-top:40px;background:#f48d40}.header-documentation .documentation-menu a{display:inline-block;padding:20px 5px}.header-documentation .documentation-menu a:focus,.header-documentation .documentation-menu a:hover{text-decoration:underline}@media (max-width:1550px){.header-documentation .documentation-menu{padding:5px 7%}.header-documentation .documentation-menu a{width:48%;padding:10px 0}.header-documentation .documentation-menu .documentation-menu-dot{display:none}}.sidebar{position:relative;top:0;left:0;height:100vh;color:#fff;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);width:22%}.sidebar ::-webkit-scrollbar-track{background:0 0}.sidebar ::-webkit-scrollbar-thumb{background:#ffb864;border:1px solid #ffb864;border-right:none}.sidebar ::-webkit-scrollbar-thumb:hover{background:#fff}.sidebar::after{content:"";display:block;position:absolute;left:0;bottom:70px;width:calc(100% - 17px);height:100px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,184,100,0)),to(#ffb864));background:-webkit-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:-o-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:linear-gradient(to bottom,rgba(255,184,100,0),#ffb864);pointer-events:none}.sidebar .sidebar-inner{overflow:auto;overflow-y:scroll;overflow-x:hidden;height:calc(100vh - 70px)}.sidebar li,.sidebar ul{padding:0;margin:0;list-style:none}.sidebar a{text-decoration:none;color:#fff;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.sidebar .documentation-summary{position:relative;font-size:18px;margin-bottom:100px}.sidebar .documentation-summary>ul{max-width:340px;margin:0 auto;padding:0 30px}.sidebar .documentation-summary>ul .documentation-summary-title,.sidebar .documentation-summary>ul a{display:block;height:30px;line-height:30px;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden}.sidebar .documentation-summary>ul>li{margin-top:30px}.sidebar .documentation-summary>ul>li:first-child{margin-top:50px}.sidebar .documentation-summary>ul>li .documentation-summary-title,.sidebar .documentation-summary>ul>li>a{font-weight:600;text-transform:uppercase;margin-bottom:5px}.sidebar .documentation-summary>ul>li>a:focus,.sidebar .documentation-summary>ul>li>a:hover{color:#b65207}.sidebar .documentation-summary>ul>li ul li a:focus,.sidebar .documentation-summary>ul>li ul li a:hover{color:#b65207;text-indent:10px}.sidebar .documentation-sidebar-beer{position:fixed;width:22%;bottom:0;left:0;background:#fff;height:70px}.sidebar .documentation-sidebar-beer a{position:relative;display:block;height:70px;width:100%;text-align:left;padding:10px 17px 0 0;background:0 0;border:none;border-top:1px solid #e9eef3;color:#9ca4ac}.sidebar .documentation-sidebar-beer a:focus{outline:0}.sidebar .documentation-sidebar-beer a .beer-icon{display:none}@media (min-width:1700px){.sidebar .documentation-sidebar-beer a .beer-icon{position:absolute;display:block;width:calc((100% - 236px)/ 2);height:50px;margin:0 auto}}.sidebar .documentation-sidebar-beer a .beer-label{position:relative;display:block;max-width:236px;margin:0 auto}@media (max-width:1290px){.sidebar .documentation-sidebar-beer a .beer-label{font-size:14px;margin:0;padding:7px 0 0 15px;width:200px}}.added-feature,.deprecated-feature{display:inline-block;padding:3px 13px;margin:0;color:#fff;font-size:14px;border-radius:50px;-webkit-transform:translateX(10px) translateY(-4px);-ms-transform:translateX(10px) translateY(-4px);-o-transform:translateX(10px) translateY(-4px);transform:translateX(10px) translateY(-4px)}.added-feature{background:#5ecb0e}.deprecated-feature{background:#ff9a4d}.deprecated-info{padding:7px 15px;border-radius:2px;background:#f2dfc1;border:1px solid #ff9a4d}.deprecated-info a{color:#ff9a4d}.version-tag{display:inline-block;padding:2px 6px;background:#5ecb0e;color:#fff;font-size:12px;font-style:normal;border-radius:20px}.note .version-tag{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}.feature{position:relative;padding-bottom:60px}.feature::after{content:" ";display:block;position:absolute;bottom:0;left:50%;width:40%;height:0;border-bottom:1px solid #ffb864;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.feature h3,.feature h4{display:inline-block;position:relative}.feature h3{position:relative;padding-top:50px;margin-left:-15px;padding-left:15px}.feature h4{position:relative;font-size:20px;font-weight:700}.feature .title-link{display:block;position:absolute;top:53px;left:-45px;height:30px;width:30px;opacity:0;text-align:center;text-decoration:none;background:#ff974a;border-radius:50%;-webkit-transition:opacity 150ms,background 150ms,color 150ms;-o-transition:opacity 150ms,background 150ms,color 150ms;transition:opacity 150ms,background 150ms,color 150ms}.feature .title-link:focus,.feature .title-link:hover{background:#fff;text-decoration:none}.feature .title-link:focus svg,.feature .title-link:hover svg{fill:#ff974a}.feature .title-link svg{fill:#fff;width:70%;height:100%}.feature:hover .title-link{opacity:1}.sample-data{background:#fff;padding:25px}.sample-data h4{padding:0}.sample-data input{width:100%;border:none;padding:5px 7px;color:#616870;background:#dfe5eb}.sample-data input:not(:last-child){margin-bottom:10px}dl dt{display:inline-block;color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}dl dd{padding:5px 0 15px;margin-left:15px} \ No newline at end of file +/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Panton;src:url(../font/panton.eot);src:url(../font/panton.eot?#iefix) format("embedded-opentype"),url(../font/panton.woff2) format("woff2"),url(../font/panton.woff) format("woff"),url(../font/panton.ttf) format("truetype");font-weight:300}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}body,html{background:#fff}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body,button,input,select,textarea{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:300}.wrapper{max-width:1200px;margin:0 auto;clear:both}.wrapper p:last-child{margin-bottom:0}.wrapper h4{font-size:30px}.wrapper code.console{background:#392813;color:#fff;font-size:16px;padding:3px 7px}.wrapper .note{color:#888;padding:3px 0 3px 15px;border-left:3px solid #ffb864;margin-right:30px}.wrapper .note>:first-child{margin-top:0}.wrapper .note>:last-child{margin-bottom:0}.section a{text-decoration:none;color:#ff974a}.section a:focus,.section a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0;padding:0}hr.clearfix{display:block;border:none;background:0 0;margin:0;padding:0;height:0;clear:both}table{margin:30px auto;text-align:left}table thead{background:#fff}table tbody tr{border-bottom:1px solid #ddd}table tbody tr:nth-child(2n){background:#fcfcfc}table td,table th{padding:5px 15px}@media print{*{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-block;position:relative;width:250px;border:2px solid transparent;margin:0 auto;padding:23px 30px;color:#fff;font-weight:400;font-size:16px;line-height:1.2;text-decoration:none;border-radius:50px;text-align:center;-webkit-transition:color 150ms,background-color 150ms;-o-transition:color 150ms,background-color 150ms;transition:color 150ms,background-color 150ms}.button-primary{background:#ff974a}.button-secondary{background:#f48d40}.button-ghost{border-color:rgba(255,255,255,.4)}.button+.button{margin-left:20px}.button:focus,.button:hover{background:#fff;color:#ff974a;outline:0}.header-landing{position:relative;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);text-align:center;color:#fff;padding-bottom:200px}.header-nav{float:right;width:100%;margin:0;padding:25px 40px 0;font-weight:400}.header-nav li{list-style:none;float:right;margin-right:30px}.header-nav li:first-child{float:left}.header-nav li:nth-child(2){margin-right:0}.header-nav li a{display:block;text-decoration:none;color:#b65207;font-size:16px;padding:10px 0;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.header-nav li a:hover{color:#fff}.header-nav li a.view-on-github{-webkit-transform:translateY(-11px);-ms-transform:translateY(-11px);-o-transform:translateY(-11px);transform:translateY(-11px)}.header-nav li a.view-on-github svg{width:25px;height:25px;fill:currentColor;margin-right:10px;vertical-align:baseline;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}.header-nav li a.view-on-github .star{font-size:18px}.header-logo-container{margin:0 auto;padding-top:calc(80px + 4%);text-align:center}.header-logo-container .header-logo-h1{position:relative;margin:0 auto;width:1000px;max-width:100%}.header-logo-container .header-logo{margin-right:-3%;width:1000px;max-width:80%}.header-subtitle{font-size:28px;padding:0 20px}.header-description{font-size:18px;line-height:1.6;padding:0 20px;font-weight:300}.header-buttons{margin:50px 0}.header-install{font-size:18px;line-height:1.6;font-weight:300}#demonstration{padding-bottom:0;margin-bottom:80px}#demonstration .trumbowyg-editor{height:300px!important}#demonstration .trumbowyg-editor,#demonstration .trumbowyg-textarea{padding:25px}#demonstration .trumbowyg:not(.trumbowyg-fullscreen),#trumbowyg-demo:not(.trumbowyg-textarea){display:block;margin:-150px auto 0;width:100%;height:340px;max-width:900px;background:#fff;-webkit-box-shadow:0 0 27px rgba(0,0,0,.03);box-shadow:0 0 27px rgba(0,0,0,.03);resize:none}#demonstration .trumbowyg{font-size:16px;line-height:2}#demonstration .trumbowyg p{margin:0 0 32px}#demonstration .trumbowyg button{font-weight:400}#trumbowyg-demo:not(.trumbowyg-textarea){color:transparent;overflow:hidden;border:1px solid #dbdfe0}.demo-switcher{position:absolute;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10;margin:0 auto;width:250px;height:40px;border-radius:50px;border:1px solid #dbdfe0;background:#fff}.demo-switcher .button{display:block;float:left;padding:10px;margin:0;border:none;width:50%;background:0 0;color:#392813;font-weight:300;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.demo-switcher .button:first-child{text-indent:5px}.demo-switcher .button:last-child{text-indent:-5px}.demo-switcher .button.current{text-indent:0;color:#fff}.demo-switcher::after{content:"";display:block;width:50%;height:100%;border-radius:50px;background:#ff974a;-webkit-transition:margin-left 150ms;-o-transition:margin-left 150ms;transition:margin-left 150ms}.demo-switcher.current-plugins::after{margin-left:50%}.header-logo-animation{position:absolute;overflow:hidden;top:-30px;left:91.5%;width:150px;height:150px}.header-logo-animation svg{position:absolute;top:0;left:0;fill:#fff;height:25px;width:25px}.header-logo-animation .header-logo-animation-strong{-webkit-animation:headerLogoStrong 1s linear infinite;-o-animation:headerLogoStrong 1s linear infinite;animation:headerLogoStrong 1s linear infinite;-webkit-animation-delay:-.85s;-o-animation-delay:-.85s;animation-delay:-.85s}.header-logo-animation .header-logo-animation-p{-webkit-animation:headerLogoP 1s linear infinite;-o-animation:headerLogoP 1s linear infinite;animation:headerLogoP 1s linear infinite;-webkit-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s}.header-logo-animation .header-logo-animation-link{-webkit-animation:headerLogoLink 1s linear infinite;-o-animation:headerLogoLink 1s linear infinite;animation:headerLogoLink 1s linear infinite;-webkit-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}.header-logo-animation .header-logo-animation-blockquote{-webkit-animation:headerLogoBlockquote 1s linear infinite;-o-animation:headerLogoBlockquote 1s linear infinite;animation:headerLogoBlockquote 1s linear infinite;-webkit-animation-delay:-.6s;-o-animation-delay:-.6s;animation-delay:-.6s}.header-logo-animation .header-logo-animation-view-html{-webkit-animation:headerLogoViewHtml 1s linear infinite;-o-animation:headerLogoViewHtml 1s linear infinite;animation:headerLogoViewHtml 1s linear infinite;-webkit-animation-delay:-.3s;-o-animation-delay:-.3s;animation-delay:-.3s}@-webkit-keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoStrong{0%{opacity:1;-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoStrong{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(70px);-o-transform:translateX(-30px) translateY(70px);transform:translateX(-30px) translateY(70px)}20%{-webkit-transform:translateX(15px) translateY(80px);-o-transform:translateX(15px) translateY(80px);transform:translateX(15px) translateY(80px)}30%{-webkit-transform:translateX(35px) translateY(75px);-o-transform:translateX(35px) translateY(75px);transform:translateX(35px) translateY(75px)}40%{-webkit-transform:translateX(40px) translateY(60px);-o-transform:translateX(40px) translateY(60px);transform:translateX(40px) translateY(60px)}50%{opacity:1;-webkit-transform:translateX(35px) translateY(40px);-o-transform:translateX(35px) translateY(40px);transform:translateX(35px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-o-keyframes headerLogoP{0%{opacity:1;-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@keyframes headerLogoP{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(60px);-o-transform:translateX(-30px) translateY(60px);transform:translateX(-30px) translateY(60px)}20%{-webkit-transform:translateX(10px) translateY(60px);-o-transform:translateX(10px) translateY(60px);transform:translateX(10px) translateY(60px)}30%{-webkit-transform:translateX(20px) translateY(60px);-o-transform:translateX(20px) translateY(60px);transform:translateX(20px) translateY(60px)}40%{-webkit-transform:translateX(25px) translateY(55px);-o-transform:translateX(25px) translateY(55px);transform:translateX(25px) translateY(55px)}50%{opacity:1;-webkit-transform:translateX(32px) translateY(40px);-o-transform:translateX(32px) translateY(40px);transform:translateX(32px) translateY(40px)}100%,90%{opacity:0;-webkit-transform:translateX(35px) translateY(20px) scale(.5);-o-transform:translateX(35px) translateY(20px) scale(.5);transform:translateX(35px) translateY(20px) scale(.5)}}@-webkit-keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-o-keyframes headerLogoLink{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@keyframes headerLogoLink{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}20%{-webkit-transform:translateX(15px) translateY(100px);-o-transform:translateX(15px) translateY(100px);transform:translateX(15px) translateY(100px)}30%{-webkit-transform:translateX(25px) translateY(95px);-o-transform:translateX(25px) translateY(95px);transform:translateX(25px) translateY(95px)}40%{-webkit-transform:translateX(30px) translateY(80px);-o-transform:translateX(30px) translateY(80px);transform:translateX(30px) translateY(80px)}50%{opacity:1;-webkit-transform:translateX(30px) translateY(70px);-o-transform:translateX(30px) translateY(70px);transform:translateX(30px) translateY(70px)}100%,90%{opacity:0;-webkit-transform:translateX(10px) translateY(0) scale(.5);-o-transform:translateX(10px) translateY(0) scale(.5);transform:translateX(10px) translateY(0) scale(.5)}}@-webkit-keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-o-keyframes headerLogoBlockquote{0%{opacity:1;-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@keyframes headerLogoBlockquote{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(55px);-o-transform:translateX(-30px) translateY(55px);transform:translateX(-30px) translateY(55px)}30%{-webkit-transform:translateX(5px) translateY(50px);-o-transform:translateX(5px) translateY(50px);transform:translateX(5px) translateY(50px)}40%{-webkit-transform:translateX(10px) translateY(45px);-o-transform:translateX(10px) translateY(45px);transform:translateX(10px) translateY(45px)}50%{opacity:1;-webkit-transform:translateX(13px) translateY(40px);-o-transform:translateX(13px) translateY(40px);transform:translateX(13px) translateY(40px)}100%{opacity:0;-webkit-transform:translateX(10px) translateY(10px) scale(.5);-o-transform:translateX(10px) translateY(10px) scale(.5);transform:translateX(10px) translateY(10px) scale(.5)}}@-webkit-keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@-o-keyframes headerLogoViewHtml{0%{opacity:1;-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}@keyframes headerLogoViewHtml{0%{opacity:1;-webkit-transform:translateX(-30px) translateY(90px);-o-transform:translateX(-30px) translateY(90px);transform:translateX(-30px) translateY(90px)}40%{-webkit-transform:translateX(30px) translateY(105px);-o-transform:translateX(30px) translateY(105px);transform:translateX(30px) translateY(105px)}50%{-webkit-transform:translateX(40px) translateY(100px);-o-transform:translateX(40px) translateY(100px);transform:translateX(40px) translateY(100px)}60%{opacity:1;-webkit-transform:translateX(50px) translateY(90px);-o-transform:translateX(50px) translateY(90px);transform:translateX(50px) translateY(90px)}100%{opacity:0;-webkit-transform:translateX(70px) translateY(70px) scale(.5);-o-transform:translateX(70px) translateY(70px) scale(.5);transform:translateX(70px) translateY(70px) scale(.5)}}.section{position:relative;padding-bottom:100px}.section-primary{color:#b65207;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864)}.section-primary .section-title{color:#fff}.section-primary a{color:#fff}.section-secondary{background:#f4f7fa}.section h4{font-weight:400;color:#392813;font-size:28px;padding-top:80px}.section-title{text-align:center;font-family:Panton,sans-serif;font-size:100px;color:#ff974a;padding-top:100px;padding-bottom:30px}.section-subtitle{margin-top:-22px;font-size:23px;color:#392813;font-weight:400}.section-introduction{margin-top:50px;padding-bottom:70px}.section-introduction .introduction-section{height:300px}.section-introduction .introduction-section-col{position:relative;float:left;width:30%;margin-right:5%}.section-introduction .introduction-section-col:last-child{margin-right:0}.section-introduction .introduction-section-col-title{font-size:28px;font-weight:300;margin-bottom:0;padding-top:50px}.section-introduction .introduction-section-col-title img{height:40px;margin-right:8px;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}.section-introduction .introduction-section-col-title img.illu-lightweight{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.section-introduction .introduction-section-col-description{font-size:18px;line-height:28px;margin-top:10px}.installation-first-step{height:400px;color:#392813;text-align:center;padding-top:10px;margin:20px 0 50px;border:1px solid rgba(0,0,0,.15)}.installation-first-step code{display:block;color:#888}.installation-first-step .installation-download,.installation-first-step .installation-package-managers{width:48%;float:left}.installation-first-step .installation-col-title{font-size:22px;padding:30px 0;color:#392813}.installation-first-step .button{display:block;color:#392813;border-color:rgba(0,0,0,.07);background-color:transparent;-webkit-box-shadow:0 0 50px rgba(0,0,0,.03);box-shadow:0 0 50px rgba(0,0,0,.03);-webkit-transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;transition:background-color 150ms,color 150ms,-webkit-box-shadow 150ms;-o-transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms;transition:background-color 150ms,box-shadow 150ms,color 150ms,-webkit-box-shadow 150ms}.installation-first-step .button:hover{text-decoration:none;color:#fff;border-color:transparent;background-color:#ff974a;-webkit-box-shadow:0 0 50px rgba(255,151,74,.4);box-shadow:0 0 50px rgba(255,151,74,.4)}.installation-first-step .installation-or{position:relative;font-weight:700;text-transform:uppercase;width:4%;float:left;font-size:18px;margin:140px 0 20px;border-radius:50px;z-index:0}.installation-first-step .installation-or::before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:-1;width:100%;padding-top:100%;min-width:45px;min-height:45px;background:#fff;border-radius:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.installation-first-step .installation-package-managers{font-size:18px}.installation-first-step .installation-package-managers code{padding-top:5px;line-height:1.6}.installation-first-step .installation-package-managers code+code{padding-top:0}.installation-first-step .installation-cdn{clear:both;width:100%}.languages p{text-align:center;margin:0 0 5px;font-size:18px;color:#fff}.languages p a{color:#b65207}.languages .languages-columns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.languages .col-globe{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07;margin-top:30px}.languages .col-globe .globe{width:90%;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);-o-transform:translateX(-40px);transform:translateX(-40px)}.languages .col-list{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93;padding-top:80px;line-height:1.6;font-weight:400}.languages .col-list .continent-name{color:#fff;font-size:22px;font-weight:400;background:0 0;border:none;padding:0;margin:0}.languages .col-list .continent-name:focus{outline:0}.languages .col-list .continent-name::after{content:"";display:inline-block;height:0;width:0;border:6px solid transparent;border-left-color:#fff;-webkit-transform:translateX(5px) translateY(-1px);-ms-transform:translateX(5px) translateY(-1px);-o-transform:translateX(5px) translateY(-1px);transform:translateX(5px) translateY(-1px)}.languages .col-list li[style] .continent-name::after{border-left-color:transparent;border-top-color:#fff;-webkit-transform:translateX(2px) translateY(2px);-ms-transform:translateX(2px) translateY(2px);-o-transform:translateX(2px) translateY(2px);transform:translateX(2px) translateY(2px)}.languages .col-list .lang-code{display:inline-block;min-width:30px;padding-right:8px;opacity:.6;-webkit-transition:opacity 150ms;-o-transition:opacity 150ms;transition:opacity 150ms}.languages .col-list .lang-name{-webkit-transition:padding-left 150ms;-o-transition:padding-left 150ms;transition:padding-left 150ms}.languages .col-list a{color:#b65207;-webkit-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms}.languages .col-list a:hover{color:#fff;text-decoration:none}.languages .col-list a:hover .lang-code{opacity:1}.languages .col-list a:hover .lang-name{padding-left:8px}.languages .col-list li,.languages .col-list ul{margin:0;padding:0;list-style:none}.languages .col-list>ul{padding-right:50px}.languages .col-list>ul>li{overflow:hidden;-webkit-transition:height 150ms linear;-o-transition:height 150ms linear;transition:height 150ms linear}.languages .col-list>ul>li[data-height]{height:30px}.languages .col-list>ul>li ul{padding:15px 0;-webkit-columns:2;-moz-columns:2;columns:2;line-height:1.8}.plugins-packages .wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.plugins-packages .col-plugins{-webkit-box-flex:1.07;-webkit-flex:1.07;-moz-box-flex:1.07;-ms-flex:1.07;flex:1.07}.plugins-packages .col-packages{-webkit-box-flex:.93;-webkit-flex:.93;-moz-box-flex:.93;-ms-flex:.93;flex:.93}.plugins-packages .section-title{text-align:left;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.plugins-packages p{padding:0 100px 0 0;line-height:1.6}.plugins-packages li,.plugins-packages ul{margin:0;padding:0;list-style:none}.plugins-packages ul{-webkit-columns:2;-moz-columns:2;columns:2;margin:50px 0 0;max-width:500px}.plugins-packages li a{position:relative;display:inline-block;overflow:visible;color:#392813;-webkit-transition:color 150ms,-webkit-transform 150ms;transition:color 150ms,-webkit-transform 150ms;-o-transition:color 150ms,-o-transform 150ms;transition:color 150ms,transform 150ms;transition:color 150ms,transform 150ms,-webkit-transform 150ms,-o-transform 150ms;line-height:1.8}.plugins-packages li a:hover{color:#ff974a;text-decoration:none}.plugins-packages li a img,.plugins-packages li a svg{display:inline-block;color:#ff974a;fill:#ff974a;width:20px;height:20px;margin-right:8px;vertical-align:sub}.donate-container{position:relative;max-width:800px;margin:0 auto}.donate-container .donate-description{width:100%;padding:30px 50px 50px;background:#f4f7fa;border-top-left-radius:6px;border-top-right-radius:6px}.donate-container .donate-footer{text-align:center;padding:50px 0;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.donate-container .donate-beer{position:absolute;left:-190px;bottom:-30px;width:250px}.donate-container .button{color:#fff;text-decoration:none}.donate-container .button:focus,.donate-container .button:hover{text-decoration:none;background:#fff;color:#ff974a}.sponsors-container{margin:150px 0 0;text-align:center}.sponsors-container a{padding:0 20px}.footer{margin-top:40px;text-align:center;color:#fff;background:-webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:-webkit-linear-gradient(top right,#ff974a,#ffb864);background:-o-linear-gradient(top right,#ff974a,#ffb864);background:linear-gradient(to bottom left,#ff974a,#ffb864);clear:both}.footer .footer-link,.footer .footer-text{display:inline-block;padding:40px}.footer .footer-text{padding-bottom:0}.footer .footer-text .hearts{font-size:18px;color:#b65207}.footer .footer-link{text-decoration:none;color:#fff;-webkit-transition:color .15s;-o-transition:color .15s;transition:color .15s}.footer .footer-link:focus,.footer .footer-link:hover{color:#b65207}.hljs{display:block;overflow-x:auto;padding:0 1.5em;color:#333;background:#fff;-webkit-text-size-adjust:none}.diff .hljs-header,.hljs-comment,.hljs-javadoc{color:#998;font-style:italic}.css .rule .hljs-keyword,.hljs-keyword,.hljs-request,.hljs-status,.hljs-subst,.hljs-winutils,.nginx .hljs-title{color:#333;font-weight:700}.hljs-hexcolor,.hljs-number,.ruby .hljs-constant{color:teal}.hljs-dartdoc,.hljs-phpdoc,.hljs-string,.hljs-tag .hljs-value,.tex .hljs-formula{color:#d14}.hljs-id,.hljs-title,.scss .hljs-preprocessor{color:#900;font-weight:700}.hljs-list .hljs-keyword,.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type,.tex .hljs-command,.vhdl .hljs-literal{color:#458;font-weight:700}.django .hljs-tag .hljs-keyword,.hljs-rules .hljs-property,.hljs-tag,.hljs-tag .hljs-title{color:navy;font-weight:400}.hljs-attribute,.hljs-variable,.lisp .hljs-body{color:teal}.hljs-regexp{color:#009926}.clojure .hljs-keyword,.hljs-prompt,.hljs-symbol,.lisp .hljs-keyword,.ruby .hljs-symbol .hljs-string,.scheme .hljs-keyword,.tex .hljs-special{color:#990073}.hljs-built_in{color:#0086b3}.hljs-cdata,.hljs-doctype,.hljs-pi,.hljs-pragma,.hljs-preprocessor,.hljs-shebang{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}.documentation-body{background:#f4f7fa;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.documentation-body .main{padding:0 60px;height:100vh;width:78%;overflow:auto}.documentation-body .main-demos{padding:0;overflow:hidden}.documentation-body .main-demos iframe{width:100%;height:100vh;background:#f4f7fa}.documentation-body .main-demo-inner{width:100%}.documentation-body .section-title{padding:50px 0 0}.documentation-body h3{display:inline-block;font-weight:700;font-size:26px}.documentation-body h4{padding:20px 0 0}.documentation-body dd code,.documentation-body p code,.documentation-body ul code{color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}.documentation-body code.type{padding:0 3px;color:#b65207}.documentation-body code.type::before{content:"<"}.documentation-body code.type::after{content:">"}.documentation-body .button.button-demo{border-color:rgba(244,141,64,.6);color:#f48d40;width:auto;padding:10px 30px}.documentation-body .button.button-demo:focus,.documentation-body .button.button-demo:hover{text-decoration:none;border-color:#f48d40;background:#f48d40;color:#fff}.documentation-body ::-webkit-scrollbar{width:17px}.documentation-body ::-webkit-scrollbar-track{background:#f4f7fa}.documentation-body ::-webkit-scrollbar-thumb{background:#cfd7de;border:2px solid #f4f7fa}.documentation-body ::-webkit-scrollbar-thumb:hover{background:#616870}.header-documentation{margin-top:50px}.header-documentation .documentation-logo-link{display:block;margin:0 auto;width:80%;max-width:350px}.header-documentation .documentation-logo-link .documentation-logo{width:100%}.header-documentation .documentation-title{text-align:center;font-family:Panton,sans-serif;font-weight:100;line-height:1}@media (max-width:1290px){.header-documentation .documentation-title{font-size:2.5vw}}.header-documentation .documentation-menu{text-align:center;margin-top:40px;background:#f48d40}.header-documentation .documentation-menu a{display:inline-block;padding:20px 5px}.header-documentation .documentation-menu a:focus,.header-documentation .documentation-menu a:hover{text-decoration:underline}@media (max-width:1550px){.header-documentation .documentation-menu{padding:5px 7%}.header-documentation .documentation-menu a{width:48%;padding:10px 0}.header-documentation .documentation-menu .documentation-menu-dot{display:none}}.sidebar{position:relative;top:0;left:0;height:100vh;color:#fff;background:#ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864));background:#ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a -o-linear-gradient(top right,#ff974a,#ffb864);background:#ff974a linear-gradient(to bottom left,#ff974a,#ffb864);width:22%}.sidebar ::-webkit-scrollbar-track{background:0 0}.sidebar ::-webkit-scrollbar-thumb{background:#ffb864;border:1px solid #ffb864;border-right:none}.sidebar ::-webkit-scrollbar-thumb:hover{background:#fff}.sidebar::after{content:"";display:block;position:absolute;left:0;bottom:70px;width:calc(100% - 17px);height:100px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,184,100,0)),to(#ffb864));background:-webkit-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:-o-linear-gradient(top,rgba(255,184,100,0),#ffb864);background:linear-gradient(to bottom,rgba(255,184,100,0),#ffb864);pointer-events:none}.sidebar .sidebar-inner{overflow:auto;overflow-y:scroll;overflow-x:hidden;height:calc(100vh - 70px)}.sidebar li,.sidebar ul{padding:0;margin:0;list-style:none}.sidebar a{text-decoration:none;color:#fff;-webkit-transition:color 150ms,text-indent 150ms;-o-transition:color 150ms,text-indent 150ms;transition:color 150ms,text-indent 150ms}.sidebar .documentation-summary{position:relative;font-size:18px;margin-bottom:100px}.sidebar .documentation-summary>ul{max-width:340px;margin:0 auto;padding:0 30px}.sidebar .documentation-summary>ul .documentation-summary-title,.sidebar .documentation-summary>ul a{display:block;height:30px;line-height:30px;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden}.sidebar .documentation-summary>ul>li{margin-top:30px}.sidebar .documentation-summary>ul>li:first-child{margin-top:50px}.sidebar .documentation-summary>ul>li .documentation-summary-title,.sidebar .documentation-summary>ul>li>a{font-weight:600;text-transform:uppercase;margin-bottom:5px}.sidebar .documentation-summary>ul>li>a:focus,.sidebar .documentation-summary>ul>li>a:hover{color:#b65207}.sidebar .documentation-summary>ul>li ul li a:focus,.sidebar .documentation-summary>ul>li ul li a:hover{color:#b65207;text-indent:10px}.sidebar .documentation-sidebar-beer{position:fixed;width:22%;bottom:0;left:0;background:#fff;height:70px}.sidebar .documentation-sidebar-beer a{position:relative;display:block;height:70px;width:100%;text-align:left;padding:10px 17px 0 0;background:0 0;border:none;border-top:1px solid #e9eef3;color:#9ca4ac}.sidebar .documentation-sidebar-beer a:focus{outline:0}.sidebar .documentation-sidebar-beer a .beer-icon{display:none}@media (min-width:1700px){.sidebar .documentation-sidebar-beer a .beer-icon{position:absolute;display:block;width:calc((100% - 236px)/ 2);height:50px;margin:0 auto}}.sidebar .documentation-sidebar-beer a .beer-label{position:relative;display:block;max-width:236px;margin:0 auto}@media (max-width:1290px){.sidebar .documentation-sidebar-beer a .beer-label{font-size:14px;margin:0;padding:7px 0 0 15px;width:200px}}.added-feature,.deprecated-feature{display:inline-block;padding:3px 13px;margin:0;color:#fff;font-size:14px;border-radius:50px;-webkit-transform:translateX(10px) translateY(-4px);-ms-transform:translateX(10px) translateY(-4px);-o-transform:translateX(10px) translateY(-4px);transform:translateX(10px) translateY(-4px)}.added-feature{background:#5ecb0e}.deprecated-feature{background:#ff9a4d}.deprecated-info{padding:7px 15px;border-radius:2px;background:#f2dfc1;border:1px solid #ff9a4d}.deprecated-info a{color:#ff9a4d}.version-tag{display:inline-block;padding:2px 6px;background:#5ecb0e;color:#fff;font-size:12px;font-style:normal;border-radius:20px}.note .version-tag{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}.feature{position:relative;padding-bottom:60px}.feature::after{content:" ";display:block;position:absolute;bottom:0;left:50%;width:40%;height:0;border-bottom:1px solid #ffb864;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.feature h3,.feature h4{display:inline-block;position:relative}.feature h3{position:relative;padding-top:50px;margin-left:-15px;padding-left:15px}.feature h4{position:relative;font-size:20px;font-weight:700}.feature .title-link{display:block;position:absolute;top:53px;left:-45px;height:30px;width:30px;opacity:0;text-align:center;text-decoration:none;background:#ff974a;border-radius:50%;-webkit-transition:opacity 150ms,background 150ms,color 150ms;-o-transition:opacity 150ms,background 150ms,color 150ms;transition:opacity 150ms,background 150ms,color 150ms}.feature .title-link:focus,.feature .title-link:hover{background:#fff;text-decoration:none}.feature .title-link:focus svg,.feature .title-link:hover svg{fill:#ff974a}.feature .title-link svg{fill:#fff;width:70%;height:100%}.feature:hover .title-link{opacity:1}.feature .trumbowyg-box,.feature .trumbowyg-editor{margin:24px auto}.sample-data{background:#fff;padding:25px}.sample-data h4{padding:0}.sample-data input{width:100%;border:none;padding:5px 7px;color:#616870;background:#dfe5eb}.sample-data input:not(:last-child){margin-bottom:10px}dl dt{display:inline-block;color:#616870;background:#dfe5eb;padding:0 5px;border:1px solid #d0d9e1;border-radius:2px}dl dd{padding:5px 0 15px;margin-left:15px} \ No newline at end of file diff --git a/docs/demos/core/dark-theme.html b/docs/demos/core/dark-theme.html index 807548d7e..8e80e04c0 100644 --- a/docs/demos/core/dark-theme.html +++ b/docs/demos/core/dark-theme.html @@ -44,26 +44,26 @@

    Basic usage

    -
    -

    Welcome to the dark side of Trumbowyg!

    -

    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident - optio nam reiciendis eius beatae quibusdam! -

    -

    - The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or - alternatively [About] The Purposes of Good and Evil). The original passage began: Neque porro quisquam est - qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there - anyone who loves grief itself since it is grief and thus wants to obtain it"). -

    -
    +

    The code

    
 <!-- Wrap the editor with an element with the class trumbowyg-dark -->
 <div class="trumbowyg-dark">
-    <div id="editor"></div>
+    <textarea id="editor"></textarea>
 </div>
             
    
diff --git a/docs/scss/_documentation.scss b/docs/scss/_documentation.scss
index 92b2fc4ac..07ef30d64 100644
--- a/docs/scss/_documentation.scss
+++ b/docs/scss/_documentation.scss
@@ -427,6 +427,11 @@ $beer-height: 70px;
             opacity: 1;
         }
     }
+
+    .trumbowyg-box,
+    .trumbowyg-editor {
+        margin: 24px auto;
+    }
 }
 
 .sample-data {

From 58777b9cb32a6bd5d85f9a1dbbe835ca86f43ed4 Mon Sep 17 00:00:00 2001
From: Alex-D 
Date: Sun, 6 Dec 2020 22:36:28 +0100
Subject: [PATCH 11/11] chore: bump version to 2.23.0

---
 bower.json   | 2 +-
 package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/bower.json b/bower.json
index 07c0ba123..784784e21 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "trumbowyg",
-  "version": "2.22.0",
+  "version": "2.23.0",
   "homepage": "https://github.com/Alex-D/Trumbowyg",
   "authors": [
     {
diff --git a/package.json b/package.json
index 521d24282..6fe132cd4 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "trumbowyg",
   "title": "Trumbowyg",
   "description": "A lightweight WYSIWYG editor",
-  "version": "2.22.0",
+  "version": "2.23.0",
   "main": "dist/trumbowyg.js",
   "homepage": "http://alex-d.github.io/Trumbowyg",
   "author": {