blacklight-spotlight 0.24.0 → 0.25.0

data/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;
+}

data/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;
+}
+

data/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;
+}

data/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;
+}

data/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';