trestle-tinymce 0.2.1 → 0.3.0

data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.min.css

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-outer-container{all:initial;display:block}.tinymce-mobile-outer-container *{border:0;box-sizing:initial;cursor:inherit;float:none;line-height:1;margin:0;outline:0;padding:0;-webkit-tap-highlight-color:transparent;text-shadow:none;white-space:nowrap}.tinymce-mobile-icon-arrow-back::before{content:"\e5cd"}.tinymce-mobile-icon-image::before{content:"\e412"}.tinymce-mobile-icon-cancel-circle::before{content:"\e5c9"}.tinymce-mobile-icon-full-dot::before{content:"\e061"}.tinymce-mobile-icon-align-center::before{content:"\e234"}.tinymce-mobile-icon-align-left::before{content:"\e236"}.tinymce-mobile-icon-align-right::before{content:"\e237"}.tinymce-mobile-icon-bold::before{content:"\e238"}.tinymce-mobile-icon-italic::before{content:"\e23f"}.tinymce-mobile-icon-unordered-list::before{content:"\e241"}.tinymce-mobile-icon-ordered-list::before{content:"\e242"}.tinymce-mobile-icon-font-size::before{content:"\e245"}.tinymce-mobile-icon-underline::before{content:"\e249"}.tinymce-mobile-icon-link::before{content:"\e157"}.tinymce-mobile-icon-unlink::before{content:"\eca2"}.tinymce-mobile-icon-color::before{content:"\e891"}.tinymce-mobile-icon-previous::before{content:"\e314"}.tinymce-mobile-icon-next::before{content:"\e315"}.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content:"\e264"}.tinymce-mobile-icon-undo::before{content:"\e166"}.tinymce-mobile-icon-redo::before{content:"\e15a"}.tinymce-mobile-icon-removeformat::before{content:"\e239"}.tinymce-mobile-icon-small-font::before{content:"\e906"}.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content:"\e5ca"}.tinymce-mobile-icon-small-heading::before{content:"small"}.tinymce-mobile-icon-large-heading::before{content:"large"}.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family:sans-serif;font-size:80%}.tinymce-mobile-mask-edit-icon::before{content:"\e254"}.tinymce-mobile-icon-back::before{content:"\e5c4"}.tinymce-mobile-icon-heading::before{content:"Headings";font-family:sans-serif;font-size:80%;font-weight:700}.tinymce-mobile-icon-h1::before{content:"H1";font-weight:700}.tinymce-mobile-icon-h2::before{content:"H2";font-weight:700}.tinymce-mobile-icon-h3::before{content:"H3";font-weight:700}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{align-items:center;display:flex;justify-content:center;background:rgba(51,51,51,.5);height:100%;position:absolute;top:0;width:100%}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-family:sans-serif;font-size:1em;justify-content:space-between}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items:center;display:flex;justify-content:center;flex-direction:column;font-size:1em}@media only screen and (min-device-width:700px){.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{font-size:1.2em}}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em;background-color:#fff;color:#207ab7}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{content:"\e900";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon{z-index:2}.tinymce-mobile-android-container.tinymce-mobile-android-maximized{background:#fff;border:none;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0}.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position:relative}.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display:flex;flex-grow:1}.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display:flex!important;flex-grow:1;height:auto!important}.tinymce-mobile-android-scroll-reload{overflow:hidden}:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top:23px}.tinymce-mobile-toolstrip{background:#fff;display:flex;flex:0 0 auto;z-index:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;flex:1;height:2.5em;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex-shrink:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background:#f44336}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{align-items:center;display:flex;height:80%;margin-left:2px;margin-right:2px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected{background:#c8cbcf;color:#ccc}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type{background:#207ab7;color:#eceff1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex:1;padding-bottom:.4em;padding-top:.4em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{display:flex;min-height:1.5em;overflow:hidden;padding-left:0;padding-right:0;position:relative;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain{display:flex;height:100%;transition:left cubic-bezier(.4,0,1,1) .15s;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen{display:flex;flex:0 0 auto;justify-content:space-between;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input{font-family:Sans-serif}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container{display:flex;flex-grow:1;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x{-ms-grid-row-align:center;align-self:center;background:inherit;border:none;border-radius:50%;color:#888;font-size:.6em;font-weight:700;height:100%;padding-right:2px;position:absolute;right:0}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x{display:none}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before{align-items:center;display:flex;font-weight:700;height:100%;padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before{visibility:hidden}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{color:#ccc;font-size:10px;line-height:10px;margin:0 2px;padding-top:3px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color:#c8cbcf}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before{margin-left:.5em;margin-right:.9em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before{margin-left:.9em;margin-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{display:flex;flex:1;margin-left:0;margin-right:0;padding:.28em 0;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line{background:#ccc;display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-left:2em;padding-right:2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient{background:linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black{background:#000;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white{background:#fff;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{align-items:center;background-clip:padding-box;background-color:#455a64;border:.5em solid rgba(136,136,136,0);border-radius:3em;bottom:0;color:#fff;display:flex;height:.5em;justify-content:center;left:-10px;margin:auto;position:absolute;top:0;transition:border 120ms cubic-bezier(.39,.58,.57,1);width:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active{border:.5em solid rgba(136,136,136,.39)}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction:column;justify-content:center}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog){height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{background:#fff;border:none;border-radius:0;color:#455a64;flex-grow:1;font-size:.85em;padding-bottom:.1em;padding-left:5px;padding-top:.1em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color:#888}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color:#888}.tinymce-mobile-dropup{background:#fff;display:flex;overflow:hidden;width:100%}.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition:height .3s ease-out}.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition:height .3s ease-in}.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow:0}.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow:1}.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}@media only screen and (orientation:landscape){.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:150px}}.tinymce-mobile-styles-menu{font-family:sans-serif;outline:4px solid #000;overflow:hidden;position:relative;width:100%}.tinymce-mobile-styles-menu [role=menu]{display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.tinymce-mobile-styles-menu [role=menu].transitioning{transition:transform .5s ease-in-out}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{border-bottom:1px solid #ddd;color:#455a64;cursor:pointer;display:flex;padding:1em 1em;position:relative}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{color:#455a64;content:"\e314";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{color:#455a64;content:"\e315";font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{align-items:center;background:#fff;border-top:#455a64;color:#455a64;display:flex;min-height:2.5em;padding-left:1em;padding-right:1em}.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform:translate(-100%)}.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform:translate(0)}.tinymce-mobile-styles-menu [data-transitioning-destination=after][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=after]{transform:translate(100%)}@font-face{font-family:tinymce-mobile;font-style:normal;font-weight:400;src:url(fonts/tinymce-mobile.woff?8x92w3) format('woff')}@media (min-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:25px}}@media (max-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:18px}}.tinymce-mobile-icon{font-family:tinymce-mobile,sans-serif}.mixin-flex-and-centre{align-items:center;display:flex;justify-content:center}.mixin-flex-bar{align-items:center;display:flex;height:100%}.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{background-color:#fff;width:100%}.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{background-color:#207ab7;border-radius:50%;bottom:1em;color:#fff;font-size:1em;height:2.1em;position:fixed;right:2em;width:2.1em;align-items:center;display:flex;justify-content:center}@media only screen and (min-device-width:700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size:1.2em}}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height:300px;overflow:hidden}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height:100%}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display:none}input[type=file]::-webkit-file-upload-button{display:none}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom:50%}}
+/*# sourceMappingURL=skin.mobile.min.css.map */

data/app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ui/trestle/skin.mobile.css"],"names":[],"mappings":"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","file":"skin.mobile.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n/* RESET all the things! */\n.tinymce-mobile-outer-container {\n  all: initial;\n  display: block;\n}\n.tinymce-mobile-outer-container * {\n  border: 0;\n  box-sizing: initial;\n  cursor: inherit;\n  float: none;\n  line-height: 1;\n  margin: 0;\n  outline: 0;\n  padding: 0;\n  -webkit-tap-highlight-color: transparent;\n  /* TBIO-3691, stop the gray flicker on touch. */\n  text-shadow: none;\n  white-space: nowrap;\n}\n.tinymce-mobile-icon-arrow-back::before {\n  content: \"\\e5cd\";\n}\n.tinymce-mobile-icon-image::before {\n  content: \"\\e412\";\n}\n.tinymce-mobile-icon-cancel-circle::before {\n  content: \"\\e5c9\";\n}\n.tinymce-mobile-icon-full-dot::before {\n  content: \"\\e061\";\n}\n.tinymce-mobile-icon-align-center::before {\n  content: \"\\e234\";\n}\n.tinymce-mobile-icon-align-left::before {\n  content: \"\\e236\";\n}\n.tinymce-mobile-icon-align-right::before {\n  content: \"\\e237\";\n}\n.tinymce-mobile-icon-bold::before {\n  content: \"\\e238\";\n}\n.tinymce-mobile-icon-italic::before {\n  content: \"\\e23f\";\n}\n.tinymce-mobile-icon-unordered-list::before {\n  content: \"\\e241\";\n}\n.tinymce-mobile-icon-ordered-list::before {\n  content: \"\\e242\";\n}\n.tinymce-mobile-icon-font-size::before {\n  content: \"\\e245\";\n}\n.tinymce-mobile-icon-underline::before {\n  content: \"\\e249\";\n}\n.tinymce-mobile-icon-link::before {\n  content: \"\\e157\";\n}\n.tinymce-mobile-icon-unlink::before {\n  content: \"\\eca2\";\n}\n.tinymce-mobile-icon-color::before {\n  content: \"\\e891\";\n}\n.tinymce-mobile-icon-previous::before {\n  content: \"\\e314\";\n}\n.tinymce-mobile-icon-next::before {\n  content: \"\\e315\";\n}\n.tinymce-mobile-icon-large-font::before,\n.tinymce-mobile-icon-style-formats::before {\n  content: \"\\e264\";\n}\n.tinymce-mobile-icon-undo::before {\n  content: \"\\e166\";\n}\n.tinymce-mobile-icon-redo::before {\n  content: \"\\e15a\";\n}\n.tinymce-mobile-icon-removeformat::before {\n  content: \"\\e239\";\n}\n.tinymce-mobile-icon-small-font::before {\n  content: \"\\e906\";\n}\n.tinymce-mobile-icon-readonly-back::before,\n.tinymce-mobile-format-matches::after {\n  content: \"\\e5ca\";\n}\n.tinymce-mobile-icon-small-heading::before {\n  content: \"small\";\n}\n.tinymce-mobile-icon-large-heading::before {\n  content: \"large\";\n}\n.tinymce-mobile-icon-small-heading::before,\n.tinymce-mobile-icon-large-heading::before {\n  font-family: sans-serif;\n  font-size: 80%;\n}\n.tinymce-mobile-mask-edit-icon::before {\n  content: \"\\e254\";\n}\n.tinymce-mobile-icon-back::before {\n  content: \"\\e5c4\";\n}\n.tinymce-mobile-icon-heading::before {\n  /* TODO: Translate */\n  content: \"Headings\";\n  font-family: sans-serif;\n  font-size: 80%;\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h1::before {\n  content: \"H1\";\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h2::before {\n  content: \"H2\";\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h3::before {\n  content: \"H3\";\n  font-weight: bold;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  background: rgba(51, 51, 51, 0.5);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {\n  align-items: center;\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  font-family: sans-serif;\n  font-size: 1em;\n  justify-content: space-between;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  height: 2.1em;\n  width: 2.1em;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  font-size: 1em;\n}\n@media only screen and (min-device-width:700px) {\n  .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {\n    font-size: 1.2em;\n  }\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  height: 2.1em;\n  width: 2.1em;\n  background-color: white;\n  color: #207ab7;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {\n  content: \"\\e900\";\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {\n  z-index: 2;\n}\n.tinymce-mobile-android-container.tinymce-mobile-android-maximized {\n  background: #ffffff;\n  border: none;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n}\n.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {\n  position: relative;\n}\n.tinymce-mobile-android-container .tinymce-mobile-editor-socket {\n  display: flex;\n  flex-grow: 1;\n}\n.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {\n  display: flex !important;\n  flex-grow: 1;\n  height: auto !important;\n}\n.tinymce-mobile-android-scroll-reload {\n  overflow: hidden;\n}\n:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {\n  margin-top: 23px;\n}\n.tinymce-mobile-toolstrip {\n  background: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  z-index: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {\n  align-items: center;\n  background-color: #fff;\n  border-bottom: 1px solid #cccccc;\n  display: flex;\n  flex: 1;\n  height: 2.5em;\n  width: 100%;\n  /* Make it no larger than the toolstrip, so that it needs to scroll */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex-shrink: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {\n  background: #f44336;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {\n  flex-grow: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {\n  align-items: center;\n  display: flex;\n  height: 80%;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {\n  background: #c8cbcf;\n  color: #cccccc;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {\n  background: #207ab7;\n  color: #eceff1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {\n  /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n  padding-bottom: 0.4em;\n  padding-top: 0.4em;\n  /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */\n  /* For widgets like the colour picker, use the whole height */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {\n  display: flex;\n  min-height: 1.5em;\n  overflow: hidden;\n  padding-left: 0;\n  padding-right: 0;\n  position: relative;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {\n  display: flex;\n  height: 100%;\n  transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: space-between;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {\n  font-family: Sans-serif;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {\n  -ms-grid-row-align: center;\n      align-self: center;\n  background: inherit;\n  border: none;\n  border-radius: 50%;\n  color: #888;\n  font-size: 0.6em;\n  font-weight: bold;\n  height: 100%;\n  padding-right: 2px;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {\n  display: none;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {\n  align-items: center;\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {\n  align-items: center;\n  display: flex;\n  font-weight: bold;\n  height: 100%;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {\n  visibility: hidden;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {\n  color: #cccccc;\n  font-size: 10px;\n  line-height: 10px;\n  margin: 0 2px;\n  padding-top: 3px;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {\n  color: #c8cbcf;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {\n  margin-left: 0.5em;\n  margin-right: 0.9em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {\n  margin-left: 0.9em;\n  margin-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {\n  display: flex;\n  flex: 1;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0.28em 0;\n  position: relative;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {\n  background: #cccccc;\n  display: flex;\n  flex: 1;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {\n  padding-left: 2em;\n  padding-right: 2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {\n  background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);\n  display: flex;\n  flex: 1;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {\n  /* Not part of theming */\n  background: black;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n  width: 1.2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {\n  /* Not part of theming */\n  background: white;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n  width: 1.2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {\n  /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave\n     * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is\n     * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without\n     * this approach.\n    */\n  align-items: center;\n  background-clip: padding-box;\n  background-color: #455a64;\n  border: 0.5em solid rgba(136, 136, 136, 0);\n  border-radius: 3em;\n  bottom: 0;\n  color: #fff;\n  display: flex;\n  height: 0.5em;\n  justify-content: center;\n  left: -10px;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);\n  width: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {\n  border: 0.5em solid rgba(136, 136, 136, 0.39);\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {\n  flex-direction: column;\n  justify-content: center;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {\n  align-items: center;\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {\n  background: #ffffff;\n  border: none;\n  border-radius: 0;\n  color: #455a64;\n  flex-grow: 1;\n  font-size: 0.85em;\n  padding-bottom: 0.1em;\n  padding-left: 5px;\n  padding-top: 0.1em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {\n  /* WebKit, Blink, Edge */\n  color: #888;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {\n  /* WebKit, Blink, Edge */\n  color: #888;\n}\n/* dropup */\n.tinymce-mobile-dropup {\n  background: white;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {\n  transition: height 0.3s ease-out;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {\n  transition: height 0.3s ease-in;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {\n  flex-grow: 0;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {\n  flex-grow: 1;\n}\n/* TODO min-height for device size and orientation */\n.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n  min-height: 200px;\n}\n@media only screen and (orientation: landscape) {\n  .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n    min-height: 200px;\n  }\n}\n@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {\n  .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n    min-height: 150px;\n  }\n}\n/* styles menu */\n.tinymce-mobile-styles-menu {\n  font-family: sans-serif;\n  outline: 4px solid black;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n.tinymce-mobile-styles-menu [role=\"menu\"] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.tinymce-mobile-styles-menu [role=\"menu\"].transitioning {\n  transition: transform 0.5s ease-in-out;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {\n  border-bottom: 1px solid #ddd;\n  color: #455a64;\n  cursor: pointer;\n  display: flex;\n  padding: 1em 1em;\n  position: relative;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {\n  color: #455a64;\n  content: \"\\e314\";\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {\n  color: #455a64;\n  content: \"\\e315\";\n  font-family: 'tinymce-mobile', sans-serif;\n  padding-left: 1em;\n  padding-right: 1em;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {\n  font-family: 'tinymce-mobile', sans-serif;\n  padding-left: 1em;\n  padding-right: 1em;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {\n  align-items: center;\n  background: #fff;\n  border-top: #455a64;\n  color: #455a64;\n  display: flex;\n  min-height: 2.5em;\n  padding-left: 1em;\n  padding-right: 1em;\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"before\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"before\"] {\n  transform: translate(-100%);\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"current\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"current\"] {\n  transform: translate(0%);\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"after\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"after\"] {\n  transform: translate(100%);\n}\n@font-face {\n  font-family: 'tinymce-mobile';\n  font-style: normal;\n  font-weight: normal;\n  src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');\n}\n@media (min-device-width: 700px) {\n  .tinymce-mobile-outer-container,\n  .tinymce-mobile-outer-container input {\n    font-size: 25px;\n  }\n}\n@media (max-device-width: 700px) {\n  .tinymce-mobile-outer-container,\n  .tinymce-mobile-outer-container input {\n    font-size: 18px;\n  }\n}\n.tinymce-mobile-icon {\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.mixin-flex-and-centre {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.mixin-flex-bar {\n  align-items: center;\n  display: flex;\n  height: 100%;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {\n  background-color: #fff;\n  width: 100%;\n}\n.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n  /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */\n  background-color: #207ab7;\n  border-radius: 50%;\n  bottom: 1em;\n  color: white;\n  font-size: 1em;\n  height: 2.1em;\n  position: fixed;\n  right: 2em;\n  width: 2.1em;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n@media only screen and (min-device-width:700px) {\n  .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n    font-size: 1.2em;\n  }\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {\n  height: 300px;\n  overflow: hidden;\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {\n  height: 100%;\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {\n  display: none;\n}\n/*\n  Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets\n  increased and the whole body becomes scrollable. It's important!\n */\ninput[type=\"file\"]::-webkit-file-upload-button {\n  display: none;\n}\n@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {\n  .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n    bottom: 50%;\n  }\n}\n"]}

data/lib/trestle/tinymce/version.rb

@@ -1,5 +1,5 @@
 module Trestle
   module TinyMCE
-    VERSION = "0.2.1"
+    VERSION = "0.3.0"
   end
 end

data/src/trestle/content.inline.less

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+
+@import 'src/less/theme/content-ui';

data/src/trestle/content.less

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+
+@import 'src/less/theme/content-ui';
+
+body {
+  font-family: sans-serif;
+}
+
+table {
+  border-collapse: collapse;
+}

data/src/trestle/content.mobile.less

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+
+@import 'src/less/theme-mobile/content-ui-mobile';
+
+body {
+  font-family: sans-serif;
+}
+
+table {
+  border-collapse: collapse;
+}

data/src/trestle/skin.less

@@ -0,0 +1,264 @@
+@import 'src/less/theme/theme';
+
+// Root variables
+
+@background-color: #f5f5f5;
+@color-tint: #4d6bb2;
+@color-error: #e17572;
+@color-success: #7dc67d;
+
+@control-border-radius: .25rem;
+
+@tinymce-border-radius: @control-border-radius;
+@tinymce-border-color: #ccc;
+
+@toolbar-button-height: 32px;
+@toolbar-button-height: 32px;
+
+// Font
+
+@line-height-base: 1.5;
+
+// Button
+
+@button-border-radius: .3rem;
+@button-background-color: @color-success;
+@button-font-size: 1.35rem;
+@button-font-weight: 400;
+@button-line-height: 1.5;
+@button-padding-x: 1.25rem;
+@button-padding-y: .5rem;
+@button-text-color: white;
+
+@button-focus-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(145, 207, 145, .5);
+
+@button-hover-background-color: #62ba62;
+@button-hover-border-color: #5ab65a;
+
+@button-active-background-color: #5ab65a;
+@button-active-border-color: #51b351;
+@button-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+
+// Checkbox
+
+@checkbox-selected-color: #4d6bb2;
+
+@checkbox-focus-box-shadow: 0 0 0 .2rem rgba(@color-tint, .25);
+
+// Secondary button
+
+@button-secondary-background-color: #bbb;
+@button-secondary-border-radius: .2rem;
+@button-secondary-text-color: white;
+
+@button-secondary-focus-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem hsla(0, 0%, 77.3%, .5);
+
+@button-secondary-hover-background-color: #a8a8a8;
+@button-secondary-hover-border-color: #a2a2a2;
+
+@button-secondary-active-background-color: #a8a8a8;
+@button-secondary-active-border-color: #a2a2a2;
+@button-secondary-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+
+// Menu
+
+@menu-background-color: #fff;
+
+// Dialog
+
+@dialog-backdrop-background-color: fade(#000, 50);
+@dialog-backdrop-background-color-opaque: #000;
+
+@dialog-background-color: #fff;
+
+@dialog-border-radius: 0;
+@dialog-border-width: 0;
+@dialog-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5);
+
+@dialog-header-background-color: darken(@color-tint, 15%);
+@dialog-header-padding: 1.05rem .5rem 1.05rem 1.5rem;
+
+@dialog-footer-background-color: #f9f9f9;
+@dialog-footer-padding: 1.5rem;
+@dialog-footer-separator-border: 1px solid rgba(0, 0, 0, .1);
+
+@dialog-body-padding: 1.5rem;
+
+@dialog-title-font-size: 1.3rem;
+@dialog-title-font-weight: 500;
+@dialog-title-text-color: white;
+
+@dialog-nav-focus-background-color: none;
+
+// Label
+
+@input-label-font-weight: bold;
+@input-label-line-height: 2;
+@input-label-text-color: #333;
+
+// Form
+
+@textfield-background-color: #fff;
+@textfield-border-radius: @control-border-radius;
+@textfield-font-size: 1rem;
+@textfield-line-height: 1.5;
+@textfield-pad-x: .75rem;
+@textfield-pad-y: .375rem;
+
+@textfield-focus-border-color: lighten(@color-tint, 25%);
+@textfield-focus-box-shadow: 0 0 0 .2rem rgba(@color-tint, .25);
+
+// Form layout
+
+@form-group-vertical-spacing: .75rem;
+@form-group-horizontal-spacing: 1rem;
+@form-grid-horizontal-gap: 20px;
+
+// Additional customization
+
+.tox {
+  // Buttons
+
+  .tox-button {
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+    @media @breakpoint-sm {
+      font-size: 1.25rem;
+      padding: .35rem .75rem;
+    }
+  }
+
+  .tox-button--secondary {
+    font-size: .875rem;
+    padding: .25rem .65rem;
+
+    @media @breakpoint-sm {
+      font-size: .75rem;
+      padding: .2rem .5rem;
+    }
+  }
+
+  // Checkbox
+
+  .tox-checkbox__icons {
+    height: 1.15em;
+    overflow: hidden;
+    padding: 0 !important;
+    width: 1.15em;
+
+    .tox-checkbox-icon__checked svg {
+      fill: var(--primary);
+    }
+  }
+
+  input.tox-checkbox__input:focus + .tox-checkbox__icons {
+    box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .25);
+  }
+
+  // Dialog
+
+  .tox-dialog__body {
+    font-size: 1rem;
+  }
+
+  .tox-dialog__header {
+    background-color: hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 15%));
+    background-image: linear-gradient(rgba(white, .05), rgba(black, .05));
+    background-repeat: no-repeat;
+
+    .tox-button {
+      margin: -10px .25rem -10px 0;
+      opacity: .75;
+      padding: .25rem;
+
+      path {
+        fill: white;
+      }
+
+      &:hover:not(:disabled) {
+        background-color: transparent;
+        border-color: transparent;
+        opacity: 1;
+      }
+    }
+  }
+
+  .tox-dialog__title {
+    text-shadow: rgba(0, 0, 0, .5) 0 1px 1px;
+  }
+
+  .tox-dialog__body-nav {
+    align-items: stretch;
+    background: #f3f3f3;
+    padding: 15px 0 15px 10px;
+
+    @media @breakpoint-sm {
+      padding: 10px 15px;
+    }
+  }
+
+  .tox-dialog__body-nav-item {
+    background-color: #eee;
+    border-bottom: 0;
+    color: #555;
+    font-weight: 500;
+    margin-bottom: 0;
+    margin-top: 4px;
+    padding: 10px 20px;
+
+    @media @breakpoint-sm {
+      font-size: .95rem;
+      margin-top: 0;
+      padding: 10px;
+
+      body:not(.tox-force-desktop) & {
+        &:not(:first-child) {
+          margin-right: 2px;
+        }
+      }
+    }
+  }
+
+  .tox-dialog__body-nav-item--active {
+    background-color: white;
+    border-bottom: 0;
+    color: #333;
+  }
+
+  .tox-dialog__footer-end,
+  .tox-dialog__footer-start {
+    align-items: flex-start;
+  }
+
+  // Form
+
+  .tox-textfield {
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+    &:focus {
+      border-color: hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 25%));
+      box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .25);
+    }
+  }
+
+  &:not([dir=rtl]) {
+    // Checkbox
+
+    .tox-checkbox__label {
+      margin-left: .6rem;
+    }
+
+    // Dialog
+
+    .tox-dialog__body-nav-item {
+
+      @media @breakpoint-sm {
+        body:not(.tox-force-desktop) & {
+          &:not(:first-child) {
+            margin-left: 2px;
+          }
+        }
+      }
+    }
+  }
+}

data/src/trestle/skin.mobile.less

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+
+@import 'src/less/theme-mobile/theme-mobile';
+
+//
+// Place your variables here
+//

data/trestle-tinymce.gemspec

@@ -16,5 +16,5 @@ Gem::Specification.new do |spec|
   spec.require_paths = ["lib"]
 
   spec.add_dependency "trestle",       "~> 0.9.0"
-  spec.add_dependency "tinymce-rails", "~> 4.6"
+  spec.add_dependency "tinymce-rails", "~> 5.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: trestle-tinymce
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.3.0
 platform: ruby
 authors:
 - Sam Pohlenz
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.6'
+        version: '5.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.6'
+        version: '5.1'
 description: TinyMCE integration plugin for the Trestle admin framework.
 email:
 - sam@sampohlenz.com
@@ -49,27 +49,42 @@ files:
 - ".rspec"
 - ".travis.yml"
 - Gemfile
-- Gruntfile.js
 - LICENSE
 - README.md
 - Rakefile
 - app/assets/config/trestle/tinymce.manifest.js
-- app/assets/javascripts/tinymce/skins/trestle/_skin-lightgray.scss
-- app/assets/javascripts/tinymce/skins/trestle/content.inline.min.css
-- app/assets/javascripts/tinymce/skins/trestle/content.min.css
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.eot
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.svg
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.ttf
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce-small.woff
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.eot
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.svg
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.ttf
-- app/assets/javascripts/tinymce/skins/trestle/fonts/tinymce.woff
-- app/assets/javascripts/tinymce/skins/trestle/img/anchor.gif
-- app/assets/javascripts/tinymce/skins/trestle/img/loader.gif
-- app/assets/javascripts/tinymce/skins/trestle/img/object.gif
-- app/assets/javascripts/tinymce/skins/trestle/img/trans.gif
-- app/assets/javascripts/tinymce/skins/trestle/skin.min.scss
+- app/assets/javascripts/tinymce/skins/ui/content.css
+- app/assets/javascripts/tinymce/skins/ui/content.inline.css
+- app/assets/javascripts/tinymce/skins/ui/content.inline.min.css
+- app/assets/javascripts/tinymce/skins/ui/content.inline.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/content.min.css
+- app/assets/javascripts/tinymce/skins/ui/content.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/content.mobile.css
+- app/assets/javascripts/tinymce/skins/ui/content.mobile.min.css
+- app/assets/javascripts/tinymce/skins/ui/content.mobile.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/fonts/tinymce-mobile.woff
+- app/assets/javascripts/tinymce/skins/ui/skin.css
+- app/assets/javascripts/tinymce/skins/ui/skin.min.css
+- app/assets/javascripts/tinymce/skins/ui/skin.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/skin.mobile.css
+- app/assets/javascripts/tinymce/skins/ui/skin.mobile.min.css
+- app/assets/javascripts/tinymce/skins/ui/skin.mobile.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.inline.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.inline.min.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.inline.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.min.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.mobile.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.mobile.min.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/content.mobile.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/trestle/fonts/tinymce-mobile.woff
+- app/assets/javascripts/tinymce/skins/ui/trestle/skin.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/skin.min.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/skin.min.css.map
+- app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.min.css
+- app/assets/javascripts/tinymce/skins/ui/trestle/skin.mobile.min.css.map
 - app/assets/javascripts/trestle/tinymce.js
 - config/initializers/trestle.rb
 - lib/trestle/tinymce.rb
@@ -77,74 +92,11 @@ files:
 - lib/trestle/tinymce/engine.rb
 - lib/trestle/tinymce/field.rb
 - lib/trestle/tinymce/version.rb
-- package.json
-- src/trestle/fonts/readme.md
-- src/trestle/fonts/tinymce-small.eot
-- src/trestle/fonts/tinymce-small.json
-- src/trestle/fonts/tinymce-small.svg
-- src/trestle/fonts/tinymce-small.ttf
-- src/trestle/fonts/tinymce-small.woff
-- src/trestle/fonts/tinymce.eot
-- src/trestle/fonts/tinymce.json
-- src/trestle/fonts/tinymce.svg
-- src/trestle/fonts/tinymce.ttf
-- src/trestle/fonts/tinymce.woff
-- src/trestle/img/anchor.gif
-- src/trestle/img/loader.gif
-- src/trestle/img/object.gif
-- src/trestle/img/trans.gif
-- src/trestle/less/AbsoluteLayout.less
-- src/trestle/less/Animations.less
-- src/trestle/less/Arrows.less
-- src/trestle/less/Button.less
-- src/trestle/less/ButtonGroup.less
-- src/trestle/less/Checkbox.less
-- src/trestle/less/ColorBox.less
-- src/trestle/less/ColorButton.less
-- src/trestle/less/ColorPicker.less
-- src/trestle/less/ComboBox.less
-- src/trestle/less/Container.less
-- src/trestle/less/Content.Inline.less
-- src/trestle/less/Content.Objects.less
-- src/trestle/less/Content.less
-- src/trestle/less/CropRect.less
-- src/trestle/less/FieldSet.less
-- src/trestle/less/FitLayout.less
-- src/trestle/less/FloatPanel.less
-- src/trestle/less/FlowLayout.less
-- src/trestle/less/Icons.less
-- src/trestle/less/Iframe.less
-- src/trestle/less/ImagePanel.less
-- src/trestle/less/InfoBox.less
-- src/trestle/less/Label.less
-- src/trestle/less/ListBox.less
-- src/trestle/less/Menu.less
-- src/trestle/less/MenuBar.less
-- src/trestle/less/MenuButton.less
-- src/trestle/less/MenuItem.less
-- src/trestle/less/Mixins.less
-- src/trestle/less/Notification.less
-- src/trestle/less/Panel.less
-- src/trestle/less/Path.less
-- src/trestle/less/Progress.less
-- src/trestle/less/Radio.less
-- src/trestle/less/Reset.less
-- src/trestle/less/ResizeHandle.less
-- src/trestle/less/Scrollable.less
-- src/trestle/less/SelectBox.less
-- src/trestle/less/Sidebar.less
-- src/trestle/less/Skin.less
-- src/trestle/less/Slider.less
-- src/trestle/less/Spacer.less
-- src/trestle/less/SplitButton.less
-- src/trestle/less/StackLayout.less
-- src/trestle/less/TabPanel.less
-- src/trestle/less/TextBox.less
-- src/trestle/less/Throbber.less
-- src/trestle/less/TinyMCE.less
-- src/trestle/less/ToolTip.less
-- src/trestle/less/Variables.less
-- src/trestle/less/Window.less
+- src/trestle/content.inline.less
+- src/trestle/content.less
+- src/trestle/content.mobile.less
+- src/trestle/skin.less
+- src/trestle/skin.mobile.less
 - trestle-tinymce.gemspec
 homepage: https://www.trestle.io
 licenses: