spotlight-frontend 3.5.0-beta.1

package/vendor/assets/stylesheets/sir-trevor/block.scss

@@ -0,0 +1,300 @@
+.st-blocks {
+  overflow: hidden;
+  position:relative;
+}
+
+.st-block {
+  position: relative;
+}
+
+.st-block__inner {
+  position: relative;
+  margin: 0 110px;
+  margin-top: 1em;
+  margin-bottom: 1em;
+
+  .st-block--textable & {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+}
+
+.st-block__inner--droppable {
+  border: 1px solid $blocks-control-border-color;
+  background: $blocks-control-bg-color;
+  cursor: pointer;
+  margin-top: 2em;
+  margin-bottom: 2em;
+
+  &:focus {
+    border-color: $accent-color;
+    outline: none;
+  }
+}
+
+.st-block__inner {
+  .st-block[data-type="quote"] & {
+    margin-left: 155px;
+    margin-right: 155px;
+    margin-top: 2em;
+    margin-bottom: 2em;
+  }
+}
+
+.st-block__inner--controllable {
+  padding-bottom: 3em;
+  transition: all 0.2s;
+}
+
+.st-block--with-errors .st-block__inner,
+.st-block--delete-active .st-block__inner  {
+  border-color: $error-color;
+}
+
+.st-block--with-plus:after,
+.st-icon--add:after {
+  display: block;
+  position: relative; z-index: 1;
+  bottom: 0;
+}
+
+.st--block-limit-reached .st-block-addition {
+  display: none;
+}
+
+.st-icon--add:after {
+  text-align: center;
+  font-size: 1.875em;
+  padding: 0.3em 0;
+  line-height: 0.9;
+  border-radius: 0.2em;
+}
+
+.st-block--with-plus:after {
+  background: $blocks-control-bg-color;
+  color: $accent-color;
+  cursor: pointer;
+}
+
+.with-st-controls:after,
+.with-st-controls:before {
+  display:none
+}
+
+.st-block.st-drag-over:after,
+.st-block.st-drag-over:last-child:after,
+.st-top-controls.st-drag-over:before {
+  content: "";
+  background: transparent;
+  display:block;
+  width:100%;
+  height:3px;
+  position:absolute;
+  bottom:0;
+  left:0;
+  background:$accent-color;
+}
+
+.st-drag-element {
+  background:#fff;
+  box-shadow: 3px 3px $accent-color inset, -3px -3px $accent-color inset ;
+  position:absolute;
+  width:100%;
+  z-index:-1;
+
+  .st-block-addition {
+    display:none;
+  }
+}
+
+.st-block--dragging {
+  background:#f6f7f9;
+  & > * {
+    opacity:0;
+  }
+  & .st-block-addition {
+    opacity:1;
+  }
+}
+
+.st-drag-over {
+  & .st-block-addition {
+    opacity:0;
+  }
+}
+
+.st-text-block {
+  @include st-input;
+  @include st-input-active;
+  font-size: $text-block-font-size;
+  line-height: 1.45;
+  overflow:visible;
+
+  .st-block--empty & {
+    line-height: 55px;
+  }
+}
+
+.st-text-block p {
+  // display: inline;
+  // margin: 0;
+  vertical-align: 14%;
+}
+
+.st-text-block--heading {
+  line-height: 1.45;
+  font-size: 1.5em;
+  min-height: 1em;
+  font-weight: 700;
+  margin: 0.58em 0;
+  overflow: visible;
+}
+
+.st-text-block--heading p {
+  margin:.5em 0;
+}
+
+.st-text-block--quote {
+  font-size: 1.875em;
+  line-height: 1.3;
+  margin-bottom: 1.8em;
+}
+
+ul.st-text-block {
+  margin-left: 1.875em;
+}
+
+.st-list-block__list {
+  font-size: $text-block-font-size;
+  margin: 0;
+  padding-left: 1em;
+}
+
+.st-list-block__editor {
+  width: 100%;
+  line-height: 1.8em;
+}
+
+.st-block__inputs {
+  padding: 1.6em 0 1em;
+  border-radius: 0.2em;
+  border-top: $border-size $border-style transparent;
+}
+
+.st-block__dropzone .st-icon {
+  font-size: 4em;
+  color: $base-ui-color;
+  display: block;
+  text-align: center;
+  margin: 0 auto 0.2em;
+}
+
+.st-block__dropzone p {
+  text-align: center;
+  color: $base-ui-color;
+  font-size: 1.2em;
+  margin: 0;
+}
+
+.st-block__dropzone p span {
+  font-weight: 700;
+}
+
+.st-drag-over .st-block__inputs {
+  border-top-color: darken($blocks-control-bg-color, 15%);
+}
+
+.st-block .st-block__paste-input[type="text"] {
+  text-align: center;
+  width: 80%;
+  display: block;
+  margin: 0.4em auto 0;
+}
+
+.st-upload-btn {
+  border: 0;
+  background: $base-ui-color;
+  border-radius: 0.2em;
+  padding: 0.35em 1em;
+  font-size: 1.125em;
+  cursor: pointer;
+  color: #fff;
+  position: relative;
+  z-index: 10;
+}
+
+.st-block__upload-container:hover .st-upload-btn {
+  background:$accent-color;
+  color: #fff;
+}
+
+.st-block__editor--with-square-media {
+  padding-top: 100%; /* 16:9 */
+  height: 0;
+  position: relative;
+  width: 100%;
+}
+
+.st-block__editor--with-sixteen-by-nine-media {
+  padding-top: 56.25%; /* 16:9 */
+  height: 0;
+  position: relative;
+  width: 100%;
+}
+
+.st-block__editor--with-square-media video,
+.st-block__editor--with-square-media iframe,
+.st-block__editor--with-sixteen-by-nine-media video,
+.st-block__editor--with-sixteen-by-nine-media iframe {
+  height: 100%;
+  width: 100%;
+  left: 0; top: 0;
+  position: absolute;
+}
+
+.st-block__editor img {
+  width: 100%;
+  height: auto;
+}
+
+.st-block__upload-container {
+  margin: 0.4em 0 0 0;
+  text-align: center;
+}
+
+.st-block__upload-container input[type="file"] {
+  position: absolute;
+  z-index: 50;
+  opacity: 0;
+  cursor: pointer;
+  left: 0;
+  width: 100%;
+  padding: 7px 0;
+  text-align: center;
+}
+
+.st-block__messages {
+  display: none;
+  position: relative;
+  padding: .3em .5em;
+  border: $default-border;
+  border-left: none;
+  border-top: none;
+  max-width: 80%;
+}
+
+.st-block__messages--is-visible {
+  display: block;
+}
+
+.st-block--with-errors .st-block__messages {
+  border-color: $error-color;
+}
+
+.st-block__messages span {
+  display: block;
+}
+
+.st-msg--error {
+  color: $error-color;
+}

package/vendor/assets/stylesheets/sir-trevor/errors.scss

@@ -0,0 +1,21 @@
+.st-errors {
+  background-color: lighten($error-color, 52%);
+  padding: 2em;
+  color: $error-color;
+  margin-bottom: 2em;
+}
+
+.st-errors p,
+.st-errors ul {
+  margin: 0;
+}
+
+.st-errors ul {
+  padding-left: 1em;
+}
+
+.st-errors p {
+  margin-bottom: 0.5em;
+  font-weight: 700;
+}
+

package/vendor/assets/stylesheets/sir-trevor/format-bar.scss

@@ -0,0 +1,65 @@
+.st-format-bar {
+  top: 0;
+  position: absolute;
+  margin: -4.5em 0 0 0;
+  background: #252525;
+  opacity: 0;
+  visibility: hidden;
+  z-index: 10;
+  border-radius: 0.4em;
+  padding: 0;
+
+  transition: opacity 0.2s ease-in-out;
+}
+
+.st-format-bar:before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 50%;
+  top: 3.3em;
+  width: 0;
+  height: 0;
+  border-left: 0.875em solid transparent;
+  border-right: 0.875em solid transparent;
+  border-top: 0.875em solid #252525;
+  margin-left: -0.875em;
+}
+
+.st-format-bar--is-ready {
+  visibility: visible;
+  opacity: 1;
+}
+
+.st-format-btn {
+  background: transparent;
+  border: 0;
+  color: #fff;
+  font-size: 1em;
+  line-height: 1;
+  padding: 0.5em 0.6em;
+  vertical-align: middle;
+  text-align: center;
+
+  &:focus {
+    outline: 0;
+  }
+}
+.st-format-btn .st-icon {
+  width: 35px;
+  height: 35px;
+}
+
+.st-format-btn--Heading,
+.st-format-btn--Quote {
+  border-left: 1px solid #3e4245;
+}
+
+.st-format-btn:hover,
+.st-format-btn--is-active {
+  color:$accent-color;
+}
+
+.st-format-btn--Unlink {
+  text-decoration: line-through;
+}

package/vendor/assets/stylesheets/sir-trevor/inputs.scss

@@ -0,0 +1,45 @@
+// Reset all our input styles
+.st-input-label {
+  display: block;
+  margin-bottom: 0.5em;
+  font-size: 13px;
+  text-transform: uppercase;
+}
+
+// Generic styles
+@mixin st-input {
+  font-size: inherit;
+  margin: 0;
+  /*padding: 0.3em 0;*/
+}
+
+.st-block input[type="text"],
+.st-block textarea {
+  @include st-input;
+}
+
+// Focus / Active styles
+@mixin st-input-active {
+  outline: none;
+  border: none;
+}
+
+.st-block [contenteditable="true"],
+.st-block [contenteditable="true"]:active,
+.st-block [contenteditable="true"]:focus,
+.st-block input[type="text"],
+.st-block input[type="text"]:active,
+.st-block input[type="text"]:focus,
+.st-block textarea,
+.st-block textarea:hover,
+.st-block textarea:active {
+  @include st-input-active;
+}
+
+.st-block input[type="text"],
+.st-block input[type="text"]:active,
+.st-block input[type="text"]:focus {
+  color: #42474b;
+  border: 0.1em solid #d4d4d4;
+  padding:.6em;
+}

package/vendor/assets/stylesheets/sir-trevor/main.scss

@@ -0,0 +1,24 @@
+@import '_variables';
+@import '_icons';
+
+
+@import 'patterns/ui-popup';
+@import 'utils';
+@import 'base';
+@import 'inputs';
+
+@import 'errors';
+
+// Block Controls
+@import 'block-addition';
+@import 'block-addition-top';
+@import 'block-controls';
+@import 'block-replacer';
+
+// Blocks
+@import 'block';
+@import 'block-positioner';
+@import 'block-ui';
+
+// Format Bar
+@import 'format-bar';

package/vendor/assets/stylesheets/sir-trevor/patterns/ui-popup.scss

@@ -0,0 +1,38 @@
+@mixin ui-popup {
+  border: $default-border;
+  position: absolute;
+  z-index: 2;
+  background: #fff;
+  display:none;
+
+  &.active {
+    display:block;
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    background-color:#fff;
+    position:absolute;
+    top:0;
+    right:0;
+    bottom:0;
+    left:0;
+    z-index: -1;
+  }
+
+  &:before {
+    content: '';
+    display: block;
+    width: 0.4em;
+    height: 0.4em;
+    position: absolute;
+    left: -0.3em;
+    top: 50%;
+    z-index: -1;
+    border: $default-border;
+    background: #fff;
+    transform: translateY(-50%) rotate(45deg);
+  }
+}
+

package/vendor/assets/stylesheets/sir-trevor/utils.scss

@@ -0,0 +1,10 @@
+.st-utils__hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}

package/vendor/assets/stylesheets/tiny-slider.css

@@ -0,0 +1 @@
+.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}