iatelier 0.1.3

data/lib/iatelier/assets/sass/blaze/objects.panels.scss

@@ -0,0 +1,27 @@
+@import "mixins/settings.global";
+
+.o-panel-container {
+  position: relative;
+}
+
+.o-panel {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.o-panel--nav-top {
+  top: $panel-nav-top;
+}
+
+.o-panel--nav-bottom {
+  bottom: $panel-nav-bottom;
+}
+
+.c-card__body .o-panel {
+  padding: $card-item-padding;
+}

data/lib/iatelier/assets/sass/blaze/themes/blaze.example.scss

@@ -0,0 +1,7 @@
+$border-radius: 0;
+// ... add more variables here ...
+
+@import "../mixins/settings.global";
+@import "../blaze";
+
+// ... add class overrides here ...

data/lib/iatelier/assets/sass/blaze/utilities.alignment.scss

@@ -0,0 +1,22 @@
+@import "mixins/utilities.alignment";
+
+.u-centered {
+  @include centered;
+}
+
+.u-center-block {
+  @include center-block;
+}
+
+.u-center-block__content,
+.u-absolute-center {
+  @include center-block__content;
+}
+
+.u-center-block__content--vertical {
+  @include center-block__content--vertical;
+}
+
+.u-center-block__content--horizontal {
+  @include center-block__content--horizontal;
+}

data/lib/iatelier/assets/sass/blaze/utilities.boxing.scss

@@ -0,0 +1,101 @@
+@import "mixins/utilities.boxing";
+
+.u-no-overflow {
+  @include no-overflow;
+}
+
+.u-letter-box--super {
+  @include letter-box--super;
+}
+
+.u-letter-box--xlarge {
+  @include letter-box--xlarge;
+}
+
+.u-letter-box--large {
+  @include letter-box--large;
+}
+
+.u-letter-box--medium {
+  @include letter-box--medium;
+}
+
+.u-letter-box--small {
+  @include letter-box--small;
+}
+
+.u-letter-box--xsmall {
+  @include letter-box--xsmall;
+}
+
+.u-letter-box--tiny {
+  @include letter-box--tiny;
+}
+
+.u-letter-box--none {
+  @include letter-box--none;
+}
+
+.u-pillar-box--super {
+  @include pillar-box--super;
+}
+
+.u-pillar-box--xlarge {
+  @include pillar-box--xlarge;
+}
+
+.u-pillar-box--large {
+  @include pillar-box--large;
+}
+
+.u-pillar-box--medium {
+  @include pillar-box--medium;
+}
+
+.u-pillar-box--small {
+  @include pillar-box--small;
+}
+
+.u-pillar-box--xsmall {
+  @include pillar-box--xsmall;
+}
+
+.u-pillar-box--tiny {
+  @include pillar-box--tiny;
+}
+
+.u-pillar-box--none {
+  @include pillar-box--none;
+}
+
+.u-window-box--super {
+  @include window-box--super;
+}
+
+.u-window-box--xlarge {
+  @include window-box--xlarge;
+}
+
+.u-window-box--large {
+  @include window-box--large;
+}
+
+.u-window-box--medium {
+  @include window-box--medium;
+}
+
+.u-window-box--small {
+  @include window-box--small;
+}
+
+.u-window-box--xsmall {
+  @include window-box--xsmall;
+}
+
+.u-window-box--tiny {
+  @include window-box--tiny;
+}
+
+.u-window-box--none {
+  @include window-box--none;
+}

data/lib/iatelier/assets/sass/blaze/utilities.elevation.scss

@@ -0,0 +1,19 @@
+@import "mixins/settings.global";
+
+.u-high,
+.u-higher,
+.u-highest {
+  border: 0;
+}
+
+.u-high {
+  box-shadow: $box-shadow-high;
+}
+
+.u-higher {
+  box-shadow: $box-shadow-higher;
+}
+
+.u-highest {
+  box-shadow: $box-shadow-highest;
+}

data/lib/iatelier/assets/sass/blaze/utilities.sizes.scss

@@ -0,0 +1,25 @@
+@import "mixins/settings.global";
+
+.u-super {
+  font-size: $text-font-size-super;
+}
+
+.u-xlarge {
+  font-size: $text-font-size-xlarge;
+}
+
+.u-large {
+  font-size: $text-font-size-large;
+}
+
+.u-medium {
+  font-size: $text-font-size-medium;
+}
+
+.u-small {
+  font-size: $text-font-size-small;
+}
+
+.u-xsmall {
+  font-size: $text-font-size-xsmall;
+}

data/lib/iatelier/assets/sass/blaze/utilities.visibility.scss

@@ -0,0 +1,45 @@
+@import "mixins/utilities.visibility";
+
+.u-visible {
+  @include visible;
+}
+
+.u-invisible {
+  @include invisible;
+}
+
+.u-display-none {
+  @include display-none;
+}
+
+.u-display-initial {
+  @include display-initial;
+}
+
+.u-display-inline {
+  @include display-inline;
+}
+
+.u-display-inline-block {
+  @include display-inline-block;
+}
+
+.u-display-block {
+  @include display-block;
+}
+
+.u-display-table {
+  @include display-table;
+}
+
+.u-display-table-cell {
+  @include display-table-cell;
+}
+
+.u-display-flex {
+  @include display-flex;
+}
+
+.u-display-inline-flex {
+  @include display-inline-flex;
+}

data/lib/iatelier/assets/sass/iatelier.scss

@@ -0,0 +1,30 @@
+// @import './selectize';
+
+@import '@piratesatelier/os-ui-oldschool/src/config';
+
+/*
+@font-face {
+  font-family: "photon-entypo";
+  src: url('/lil-plp/atelier/fonts/photon-entypo.eot');
+  src: url('/lil-plp/atelier/fonts/photon-entypo.eot?#iefix') format('eot'),
+    url('/lil-plp/atelier/fonts/photon-entypo.woff') format('woff'),
+    url('/lil-plp/atelier/fonts/photon-entypo.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+*/
+
+@import "@piratesatelier/os-ui-oldschool/src/custom";
+
+@import "~flatpickr/dist/flatpickr.min.css";
+
+.text-editor {
+	min-height: 80vh;
+}
+
+.panel-edit > .form-box {
+    padding: .8rem;
+    background-color: #cdcdcd;
+    border-radius: .4rem;
+    box-shadow: inset 0px 0px 1px grey;
+}

data/lib/iatelier/assets/sass/selectize.scss

@@ -0,0 +1,394 @@
+/**
+ * selectize.default.css (v0.12.4) - Default Theme
+ * Copyright (c) 2013–2015 Brian Reavis & contributors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
+ * file except in compliance with the License. You may obtain a copy of the License at:
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
+ * ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ *
+ * @author Brian Reavis <brian@thirdroute.com>
+ */
+.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
+  visibility: visible !important;
+  background: #f2f2f2 !important;
+  background: rgba(0, 0, 0, 0.06) !important;
+  border: 0 none !important;
+  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
+  box-shadow: inset 0 0 12px 4px #ffffff;
+}
+.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
+  content: '!';
+  visibility: hidden;
+}
+.selectize-control.plugin-drag_drop .ui-sortable-helper {
+  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+}
+.selectize-dropdown-header {
+  position: relative;
+  padding: 5px 8px;
+  border-bottom: 1px solid #d0d0d0;
+  background: #f8f8f8;
+  -webkit-border-radius: 3px 3px 0 0;
+  -moz-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
+}
+.selectize-dropdown-header-close {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  color: #303030;
+  opacity: 0.4;
+  margin-top: -12px;
+  line-height: 20px;
+  font-size: 20px !important;
+}
+.selectize-dropdown-header-close:hover {
+  color: #000000;
+}
+.selectize-dropdown.plugin-optgroup_columns .optgroup {
+  border-right: 1px solid #f2f2f2;
+  border-top: 0 none;
+  float: left;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
+  border-right: 0 none;
+}
+.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
+  display: none;
+}
+.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
+  border-top: 0 none;
+}
+.selectize-control.plugin-remove_button [data-value] {
+  position: relative;
+  padding-right: 24px !important;
+}
+.selectize-control.plugin-remove_button [data-value] .remove {
+  z-index: 1;
+  /* fixes ie bug (see #392) */
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 17px;
+  text-align: center;
+  font-weight: bold;
+  font-size: 12px;
+  color: inherit;
+  text-decoration: none;
+  vertical-align: middle;
+  display: inline-block;
+  padding: 2px 0 0 0;
+  border-left: 1px solid #0073bb;
+  -webkit-border-radius: 0 2px 2px 0;
+  -moz-border-radius: 0 2px 2px 0;
+  border-radius: 0 2px 2px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.selectize-control.plugin-remove_button [data-value] .remove:hover {
+  background: rgba(0, 0, 0, 0.05);
+}
+.selectize-control.plugin-remove_button [data-value].active .remove {
+  border-left-color: #00578d;
+}
+.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
+  background: none;
+}
+.selectize-control.plugin-remove_button .disabled [data-value] .remove {
+  border-left-color: #aaaaaa;
+}
+.selectize-control.plugin-remove_button .remove-single {
+  position: absolute;
+  right: 28px;
+  top: 6px;
+  font-size: 23px;
+}
+.selectize-control {
+  position: relative;
+}
+.selectize-dropdown,
+.selectize-input,
+.selectize-input input {
+  color: #303030;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 18px;
+  -webkit-font-smoothing: inherit;
+}
+.selectize-input,
+.selectize-control.single .selectize-input.input-active {
+  background: #ffffff;
+  cursor: text;
+  display: inline-block;
+}
+.selectize-input {
+  border: 1px solid #d0d0d0;
+  padding: 8px 8px;
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.selectize-control.multi .selectize-input.has-items {
+  padding: 5px 8px 2px;
+}
+.selectize-input.full {
+  background-color: #ffffff;
+}
+.selectize-input.disabled,
+.selectize-input.disabled * {
+  cursor: default !important;
+}
+.selectize-input.focus {
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
+}
+.selectize-input.dropdown-active {
+  -webkit-border-radius: 3px 3px 0 0;
+  -moz-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
+}
+.selectize-input > * {
+  vertical-align: baseline;
+  display: -moz-inline-stack;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+.selectize-control.multi .selectize-input > div {
+  cursor: pointer;
+  margin: 0 3px 3px 0;
+  padding: 2px 6px;
+  background: #1da7ee;
+  color: #ffffff;
+  border: 1px solid #0073bb;
+}
+.selectize-control.multi .selectize-input > div.active {
+  background: #92c836;
+  color: #ffffff;
+  border: 1px solid #00578d;
+}
+.selectize-control.multi .selectize-input.disabled > div,
+.selectize-control.multi .selectize-input.disabled > div.active {
+  color: #ffffff;
+  background: #d2d2d2;
+  border: 1px solid #aaaaaa;
+}
+.selectize-input > input {
+  display: inline-block !important;
+  padding: 0 !important;
+  min-height: 0 !important;
+  max-height: none !important;
+  max-width: 100% !important;
+  margin: 0 1px !important;
+  text-indent: 0 !important;
+  border: 0 none !important;
+  background: none !important;
+  line-height: inherit !important;
+  -webkit-user-select: auto !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+.selectize-input > input::-ms-clear {
+  display: none;
+}
+.selectize-input > input:focus {
+  outline: none !important;
+}
+.selectize-input::after {
+  content: ' ';
+  display: block;
+  clear: left;
+}
+.selectize-input.dropdown-active::before {
+  content: ' ';
+  display: block;
+  position: absolute;
+  background: #f0f0f0;
+  height: 1px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.selectize-dropdown {
+  position: absolute;
+  z-index: 10;
+  border: 1px solid #d0d0d0;
+  background: #ffffff;
+  margin: -1px 0 0 0;
+  border-top: 0 none;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 0 0 3px 3px;
+  -moz-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+}
+.selectize-dropdown [data-selectable] {
+  cursor: pointer;
+  overflow: hidden;
+}
+.selectize-dropdown [data-selectable] .highlight {
+  background: rgba(125, 168, 208, 0.2);
+  -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
+  border-radius: 1px;
+}
+.selectize-dropdown [data-selectable],
+.selectize-dropdown .optgroup-header {
+  padding: 5px 8px;
+}
+.selectize-dropdown .optgroup:first-child .optgroup-header {
+  border-top: 0 none;
+}
+.selectize-dropdown .optgroup-header {
+  color: #303030;
+  background: #ffffff;
+  cursor: default;
+}
+.selectize-dropdown .active {
+  background-color: #f5fafd;
+  color: #495c68;
+}
+.selectize-dropdown .active.create {
+  color: #495c68;
+}
+.selectize-dropdown .create {
+  color: rgba(48, 48, 48, 0.5);
+}
+.selectize-dropdown-content {
+  overflow-y: auto;
+  overflow-x: hidden;
+  max-height: 200px;
+  -webkit-overflow-scrolling: touch;
+}
+.selectize-control.single .selectize-input,
+.selectize-control.single .selectize-input input {
+  cursor: pointer;
+}
+.selectize-control.single .selectize-input.input-active,
+.selectize-control.single .selectize-input.input-active input {
+  cursor: text;
+}
+.selectize-control.single .selectize-input:after {
+  content: ' ';
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  margin-top: -3px;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 5px 5px 0 5px;
+  border-color: #808080 transparent transparent transparent;
+}
+.selectize-control.single .selectize-input.dropdown-active:after {
+  margin-top: -4px;
+  border-width: 0 5px 5px 5px;
+  border-color: transparent transparent #808080 transparent;
+}
+.selectize-control.rtl.single .selectize-input:after {
+  left: 15px;
+  right: auto;
+}
+.selectize-control.rtl .selectize-input > input {
+  margin: 0 4px 0 -2px !important;
+}
+.selectize-control .selectize-input.disabled {
+  opacity: 0.5;
+  background-color: #fafafa;
+}
+.selectize-control.multi .selectize-input.has-items {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.selectize-control.multi .selectize-input.disabled [data-value] {
+  color: #999;
+  text-shadow: none;
+  background: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.selectize-control.multi .selectize-input.disabled [data-value],
+.selectize-control.multi .selectize-input.disabled [data-value] .remove {
+  border-color: #e6e6e6;
+}
+.selectize-control.multi .selectize-input.disabled [data-value] .remove {
+  background: none;
+}
+.selectize-control.multi .selectize-input [data-value] {
+  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  background-color: #1b9dec;
+  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
+  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
+  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
+  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
+  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
+  box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
+}
+.selectize-control.multi .selectize-input [data-value].active {
+  background-color: #0085d4;
+  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
+  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
+  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
+  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
+}
+.selectize-control.single .selectize-input {
+  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
+  box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
+  background-color: #f9f9f9;
+  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
+  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
+  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
+  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
+}
+.selectize-control.single .selectize-input,
+.selectize-dropdown.single {
+  border-color: #b8b8b8;
+}
+.selectize-dropdown .optgroup-header {
+  padding-top: 7px;
+  font-weight: bold;
+  font-size: 0.85em;
+}
+.selectize-dropdown .optgroup {
+  border-top: 1px solid #f0f0f0;
+}
+.selectize-dropdown .optgroup:first-child {
+  border-top: 0 none;
+}

data/lib/iatelier/assets/sass/views/master.scss

@@ -0,0 +1,5 @@
+body > footer {
+	padding: 1rem 2rem;
+	font-size:  0.8rem;
+	color: gray;
+}