bedrock_sass 0.1.5 → 0.1.6

data/assets/bedrock/scss/_bedrock-components.scss

@@ -15,6 +15,7 @@
 @import 'components/select-box';
 @import 'components/file-input';
 @import 'components/seo-analysis';
+@import 'components/shortcode-reveal';
 
 @include bedrock-global-styles;
 @include bedrock-prototype-classes;
@@ -33,3 +34,4 @@
 @include bedrock-select-box;
 @include bedrock-file-input;
 @include bedrock-seo-analysis;
+@include bedrock-shortcode-reveal;

data/assets/bedrock/scss/_foundation-settings.scss

@@ -71,6 +71,7 @@ $global-lineheight: 1.5;
 $foundation-palette: (
   primary: #3c64bb,
   secondary: #2f323a,
+  info: #3498db,
   default: #8a8a8a,
   success: #3adb76,
   warning: #ffae00,

data/assets/bedrock/scss/components/shortcode-reveal.scss

@@ -0,0 +1,74 @@
+$shortcode-reveal-alt-color: $dark-gray !default;
+$shortcode-reveal-alt-background: darken($reveal-background, 5) !default;
+
+// Shortcode Reveal Mixins
+
+@mixin shortcode-reveal {
+  .shortcode-reveal {
+
+    .panel-content {
+      position: relative;
+      overflow: hidden;
+    }
+  }
+
+  .shortcode-columns {
+    @include xy-grid;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .shortcode-menu {
+    @include xy-cell(shrink, false);
+    background: $shortcode-reveal-alt-background;
+    min-height: 100%;
+    min-width: 12rem;
+    border-color: smart-scale($shortcode-reveal-alt-background, 5%);
+    border-style: solid;
+    border-width: 0 1px 0 0;
+
+    .menu {
+
+      li:not(:last-child) {
+        border-bottom: 1px solid smart-scale($shortcode-reveal-alt-background, 5%);
+      }
+
+      a {
+        color: $shortcode-reveal-alt-color;
+        padding: $global-padding;
+      }
+    }
+  }
+
+  .shortcode-form {
+    @include xy-cell(auto, false);
+    padding: $global-padding;
+    min-height: 100%;
+  }
+
+  .shortcode-preview {
+    @include xy-cell(auto, false);
+    background: $shortcode-reveal-alt-background;
+    padding: $global-padding;
+    min-height: 100%;
+    border-color: smart-scale($shortcode-reveal-alt-background, 5%);
+    border-style: solid;
+    border-width: 0 0 0 1px;
+
+    iframe {
+      height: 100%;
+      width: 100%;
+    }
+  }
+}
+
+
+// Shortcode Reveal Component
+
+@mixin bedrock-shortcode-reveal {
+  @include shortcode-reveal;
+}

data/lib/bedrock_sass/version.rb

@@ -1,3 +1,3 @@
 module BedrockSass
-  VERSION = '0.1.5'
+  VERSION = '0.1.6'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bedrock_sass
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - Jonian Guveli
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-12-18 00:00:00.000000000 Z
+date: 2017-12-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -426,6 +426,7 @@ files:
 - assets/bedrock/scss/components/reveal-panel.scss
 - assets/bedrock/scss/components/select-box.scss
 - assets/bedrock/scss/components/seo-analysis.scss
+- assets/bedrock/scss/components/shortcode-reveal.scss
 - assets/bedrock/scss/components/tiny-mce-editor.scss
 - lib/bedrock_sass.rb
 - lib/bedrock_sass/engine.rb
@@ -451,7 +452,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.13
+rubygems_version: 2.6.14
 signing_key: 
 specification_version: 4
 summary: Bedrock Admin HTML framework