blacklight-spotlight 0.24.0 → 0.25.0

data/vendor/assets/stylesheets/sir-trevor/_icons.scss

@@ -0,0 +1,6 @@
+.st-icon {
+  cursor:pointer;
+  width: 1em;
+  height: 1em;
+  fill: currentColor;
+}

data/vendor/assets/stylesheets/sir-trevor/_variables.scss

@@ -0,0 +1,23 @@
+// Adjusted from upstream to use bootstrap's colors.
+
+$text-block-font-size: 1.275em;
+
+$text-block-font-color: $text-color;
+$accent-color: $btn-primary-bg;
+$base-ui-color: $gray;
+$light-ui-color: $gray-light;
+$blocks-control-bg-color: $panel-default-heading-bg;
+$blocks-control-border-color: $panel-default-border;
+$error-color: $brand-danger;
+$selection-color: inherit;
+
+$inner-block-padding: $grid-gutter-width $grid-gutter-width $grid-gutter-width + 18px $grid-gutter-width;
+
+$block-controls-height: 164px;
+$block-add-height: $line-height-computed * 2;
+$block-controls-color:#9B9B9B;
+
+$border-size: 2px;
+$border-style: solid;
+$default-border: $border-size $border-style $accent-color;
+

data/vendor/assets/stylesheets/sir-trevor/base.scss

@@ -0,0 +1,28 @@
+.st-outer {
+  font-size: 16px;
+  position: relative;
+  background:#fff;
+}
+
+.st-icon {
+  cursor:pointer;
+  width: 100%;
+  height: 100%;
+  fill: currentColor;
+}
+
+.st-block__inner {
+  ::-moz-selection {
+    background: $selection-color;
+    text-shadow: none;
+  }
+  ::selection {
+    background: $selection-color;
+    text-shadow: none;
+  }
+}
+
+.st-spinner {
+  position: absolute!important;
+  left: 50%; top: 50%;
+}

data/vendor/assets/stylesheets/sir-trevor/block-addition-top.scss

@@ -0,0 +1,95 @@
+.st-block-addition-top {
+  transition: all $animation-speed 0.2s ease-in-out;
+  text-align: left;
+  outline:none;
+  border:none;
+  width:100%;
+  background-color:transparent;
+  padding:0;
+  z-index: 2;
+  position: relative;
+  cursor: text;
+  display: none;
+  
+  &::-moz-focus-inner {
+    padding:0;
+    margin:0;
+    margin-left:-1px;
+  }
+
+  position: absolute;
+  top: -2em;
+  height: 30px;
+  opacity: 0;
+  display: block;
+
+  &:before {
+    transition: all $animation-speed 0.1s ease-in-out;
+    background: $accent-color;
+    position: absolute;
+    height: 2px;
+    top: 50%;
+    left: 110px;
+    right: 110px;
+    content: "";
+    display: block;
+    transform: translateY(-50%) translateZ(0);
+  }
+
+  .st-block--empty & {
+    display: none !important;
+  }
+
+  &:hover {
+    opacity: 1;
+  }
+
+  .st-block--textable &,
+  .st-block[data-type="list"] & {
+    top: -1.5em;
+  }
+
+  .st-block:nth-child(3) & {
+    display: none;
+  }
+
+  .st-block--empty + .st-block & {
+    display: none;
+  }
+}
+
+.st-block-addition-top__icon {
+  transition: all $animation-speed 0.1s ease-in-out;
+  border: 1px solid transparent;
+  color: #444444;
+  position:absolute;
+  top: 50%;
+  box-sizing:border-box;
+  padding-left: 35px;
+  display: inline-block;
+  margin: 0 auto;
+  cursor: pointer;
+  opacity: 0.2;
+  transform: translateY(-50%) translateZ(0);
+
+  .st-icon {
+    width: 41px;
+    height: 41px;
+    color: inherit;
+  }
+
+  .st-block-addition-top:hover &,
+  .st-block--active & {
+    color: $accent-color;
+    opacity: 1;
+  }
+}
+
+.st-block-addition-top__button {
+  position: absolute;
+  top: 0;
+  left: 76px;
+  right: 0;
+  bottom: 0;
+  display: inline-block;
+}

data/vendor/assets/stylesheets/sir-trevor/block-addition.scss

@@ -0,0 +1,72 @@
+
+$animation-speed: 0.2s;
+
+.st-top-controls {
+  min-height: 1.750em;
+  position: relative;
+  z-index: 2;
+}
+
+.st-block-addition {
+  text-align: center;
+  outline:none;
+  border:none;
+  display:none;
+  width:100%;
+  background-color:transparent;
+  padding:0;
+  z-index: 2;
+  
+  &::-moz-focus-inner {
+    padding:0;
+    margin:0;
+    margin-left:-1px;
+  }
+
+  .st-top-controls &,
+  .st-block:last-child:not(.st-block--empty):not(.st-block--textable) & {
+    display: block;
+  }
+}
+
+.st--hide-top-controls {
+  .st-top-controls .st-block-addition {
+    display: none;
+  }
+}
+
+.st--block-limit-reached {
+  .st-top-controls,
+  .st-block-addition {
+    display: none;
+  }
+}
+
+.st-block-addition__button {
+  transition: all $animation-speed 0.3s ease-in-out;
+  border: 1px solid transparent;
+  color: #444444;
+  position:relative;
+  box-sizing:border-box;
+  padding:.2em;
+  display: inline-block;
+  margin: 0 auto;
+  width: 100%;
+  cursor: pointer;
+  opacity: 0.2;
+  cursor: pointer;
+
+  transform:translateZ(0);
+
+  .st-icon {
+    height: 20px;
+    width: 20px;
+    color: inherit;
+  }
+
+  .st-block-addition:hover &,
+  .st-block--active & {
+    color: $accent-color;
+    opacity: 1;
+  }
+}

data/vendor/assets/stylesheets/sir-trevor/block-controls.scss

@@ -0,0 +1,38 @@
+// Block Controls
+
+.st-block-controls {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  right: 0;
+  font-size:0.8em;
+  padding: 0px 110px;
+  transform: translateY(-50%);
+  z-index: 1;
+}
+
+.st-block-controls__buttons {
+  text-align: center;
+}
+
+.st-block-controls__button {
+  border:none;
+  background:transparent;
+  font-size: 12px;
+  text-transform: uppercase;
+  display: inline-block;
+  cursor: pointer;
+  margin: 0.5em;
+  text-transform: uppercase;
+}
+
+.st-block-controls__button .st-icon {
+  margin: 0 0 10px 0;
+  display: block;
+  width: 42px;
+  height: 42px;
+}
+
+.st-block-controls__button:hover {
+  color: $accent-color;
+}

data/vendor/assets/stylesheets/sir-trevor/block-positioner.scss

@@ -0,0 +1,34 @@
+.st-block-positioner {
+  @include ui-popup;
+  right: 4em;
+  top: 0;
+  &:before {
+    left: auto;
+    right: -0.3em;
+  }
+}
+
+.st-block-positioner__inner {
+  background: #fff;
+  position: relative;
+  z-index: 2;
+  padding: 0.3em 0.5em;
+}
+
+.st-block-positioner__select {
+  display:block;
+}
+
+.st-block--with-errors, .st-block--delete-active {
+  & > .st-block__inner {
+
+    & > .st-block__ui {
+      .st-block-positioner {
+        border-color: $error-color;
+        &:after {
+          border-color: $error-color;
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/sir-trevor/block-replacer.scss

@@ -0,0 +1,43 @@
+.st-block-replacer {
+  position: absolute;
+  text-align: center;
+  transform: translateY(-50%);
+  outline:none;
+  border:none;
+  font-size:1.3em;
+  display:none;
+  background-color:transparent;
+  padding:0;
+  z-index: 2;
+  top: 50%;
+  left: 35px;
+  
+  &::-moz-focus-inner {
+    padding:0;
+    margin:0;
+    margin-left:-1px;
+  }
+
+  .st-block--textable.st-block--empty & {
+    display: block;
+  }
+
+}
+
+.st-block-replacer__button {
+  transition: all $animation-speed ease-in-out;
+  color: $accent-color;
+  position:relative;
+  box-sizing:border-box;
+  display: inline-block;
+  margin: 0 auto;
+  width: 41px;
+  height: 41px;
+  cursor: pointer;
+  
+  transform:translateZ(0);
+
+  .st-block--controls-active & {
+    transform: rotate(45deg);
+  }
+}

data/vendor/assets/stylesheets/sir-trevor/block-ui.scss

@@ -0,0 +1,120 @@
+.st-block__control-ui {
+  position: absolute;
+  bottom: 0; left: 0;
+  opacity: 1;
+}
+
+.st-block__inner:hover .st-block__ui,
+.st-block__inner:hover .st-block__control-ui {
+  opacity: 1;
+}
+
+.st-block-ui__confirm {
+  color: $error-color;
+  border:1px solid $error-color;
+  background:none;
+  padding: 0.15em .4em;
+  margin: 0 0.1em;
+  font-size:.9em;
+  cursor:pointer;
+}
+
+%st-block-ui-btn {
+  @extend .st-icon;
+  display: block;
+  cursor: pointer;
+  width: 1em;
+  height: 1em;
+  color:$block-controls-color;
+}
+
+.st-block-ui-btn__reorder {
+  @extend %st-block-ui-btn;
+  position: absolute;
+  right: 2em;
+  transform: scaleX(-1);
+  top: 0.5em;
+  opacity: 0.2;
+  transition: opacity 0.3s ease-in-out;
+  &:hover,
+  &:focus {
+    color:$accent-color;
+    opacity: 1;
+  }
+}
+
+.st-block-ui-btn__delete {
+  @extend %st-block-ui-btn;
+  position: absolute;
+  right: 1em;
+  top: 1.5em;
+  font-size:1.5em;
+  opacity: 0.5;
+  &:hover,
+  &:focus {
+    color:$error-color;
+    opacity: 1;
+  }
+
+  .st-block--textable &,
+  .st-block[data-type="list"] &,
+  .st-block {
+    display: none;
+  }
+  .st-block[data-type="quote"] & {
+    display: block;
+  }
+}
+
+.st-block-control-ui-btn {
+  @extend %st-block-ui-btn;
+  width: 2em;
+  line-height: 1.25em;
+  height: 1.25em;
+  font-size: 1em;
+  display: inline-block;
+  padding: 3px;
+  transition: color .1s;
+  &:hover,
+  &:focus {
+    color:$accent-color;
+  }
+}
+.st-block-control-ui-btn--selected {
+  color:$accent-color;
+}
+
+.st-block--with-errors .st-block-control-ui-btn,
+.st-block--delete-active .st-block-control-ui-btn {
+  color: $error-color;
+  border-color: $error-color;
+
+  &:hover,
+  &.active {
+    color: #fff;
+    background-color: $error-color;
+  }
+}
+
+.st-block__ui-delete-controls {
+  @include ui-popup;
+  right: 4em;
+  top: 1.85em;
+  padding: 0.3em .5em;
+  border-color:$error-color;
+
+  &:before {
+    left:auto;
+    right:-0.3em;
+    border-color:$error-color;
+  }
+}
+
+.st-block--with-errors {
+  opacity: 1;
+  z-index: 2;
+}
+
+.st-block__delete-label {
+  color: $error-color;
+}