bedrock_sass 0.1.7 → 0.1.8

data/assets/bedrock/scss/components/attachments-grid.scss

@@ -91,40 +91,19 @@
   margin-left: -.625rem;
   margin-right: -.625rem;
 
-  @include breakpoint(320px) {
-    @include xy-grid-layout(2, '.attachment');
-  }
-
-  @include breakpoint(480px) {
-    @include xy-grid-layout(3, '.attachment');
-  }
-
-  @include breakpoint(680px) {
-    @include xy-grid-layout(4, '.attachment');
-  }
-
-  @include breakpoint(800px) {
-    @include xy-grid-layout(5, '.attachment');
-  }
+  @for $i from 1 through 9 {
+    &[data-grid-columns="#{$i}"] {
+      @include xy-grid-layout($i, '.attachment');
 
-  @include breakpoint(1280px) {
-    @include xy-grid-layout(6, '.attachment');
-  }
-
-  @include breakpoint(1366px) {
-    @include xy-grid-layout(7, '.attachment');
-  }
-
-  @include breakpoint(1440px) {
-    @include xy-grid-layout(8, '.attachment');
-  }
-
-  @include breakpoint(1600px) {
-    @include xy-grid-layout(9, '.attachment');
+      .attachment {
+        max-width: 100% !important;
+      }
+    }
   }
 
   .attachment {
     @include attachments-grid-item;
+    max-width: 170px;
   }
 }
 

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

@@ -62,13 +62,13 @@ $media-reveal-alt-background: darken($reveal-background, 5) !default;
             color: $media-reveal-alt-color;
           }
         }
-      }
 
-      a {
-        color: $media-reveal-alt-color;
-        padding: $global-padding;
-        background: none;
-        outline: none;
+        a {
+          color: $media-reveal-alt-color;
+          padding: $global-padding;
+          background: none;
+          outline: none;
+        }
       }
     }
   }

data/assets/bedrock/scss/components/off-canvas-menu.scss

@@ -19,8 +19,8 @@ $offcanvas-menu-submenu-background: darken($offcanvas-menu-background, 3) !defau
 
   @include breakpoint(large) {
     margin: 0;
-    transform: none;
-    transition: none;
+    transform: none !important;
+    transition: none !important;
   }
 }
 
@@ -305,9 +305,9 @@ $offcanvas-menu-submenu-background: darken($offcanvas-menu-background, 3) !defau
   @include breakpoint(large) {
     @include in-canvas;
     background: $offcanvas-menu-background;
-    visibility: visible;
-    transition: none;
-    overflow: visible;
+    visibility: visible !important;
+    transition: none !important;
+    overflow: visible !important;
 
     @each $name, $size in $offcanvas-sizes {
       width: $size;

data/assets/bedrock/scss/components/panel.scss

@@ -106,12 +106,12 @@ $panel-radius: $global-radius !default;
   border-width: 1px 0;
 
   &.first {
-    border-top: 0;
+    border-top-width: 0;
     margin-top: -$panel-padding;
   }
 
   &.last {
-    border-bottom: 0;
+    border-bottom-width: 0;
     margin-bottom: -$panel-padding;
   }
 

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

@@ -44,7 +44,7 @@ $panel-font-color-alt: $body-background !default;
     top: .8rem;
   }
 
-  .panel {
+  > .panel {
     @include xy-grid(vertical, false);
     @include xy-grid-frame(true);
 
@@ -53,27 +53,27 @@ $panel-font-color-alt: $body-background !default;
         color: color-pick-contrast($color, ($panel-font-color, $panel-font-color-alt));
       }
     }
-  }
 
-  .panel-header {
-    @include reveal-panel-header;
-  }
+    > .panel-header {
+      @include reveal-panel-header;
+    }
 
-  .panel-content {
-    @include reveal-panel-content;
-  }
+    > .panel-content {
+      @include reveal-panel-content;
+    }
 
-  .panel-footer {
-    @include reveal-panel-footer;
+    > .panel-footer {
+      @include reveal-panel-footer;
+    }
   }
 
-  .panel, .panel-content {
+  > .panel, > .panel > .panel-content {
     @include reveal-panel-size;
   }
 
   &.full {
 
-    .panel, .panel-content {
+    > .panel, > .panel > .panel-content {
       @include reveal-panel-size(true);
     }
   }

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

@@ -18,7 +18,6 @@ $shortcode-reveal-alt-background: darken($reveal-background, 5) !default;
         top: 0;
         left: 0;
         width: 100%;
-        overflow-y: auto;
       }
     }
   }
@@ -28,57 +27,127 @@ $shortcode-reveal-alt-background: darken($reveal-background, 5) !default;
     height: 100%;
   }
 
+  .shortcode-form,
+  .shortcode-menu,
+  .shortcode-preview {
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: 100%;
+    min-height: 100%;
+  }
+
   .shortcode-menu {
     @include xy-cell(shrink, false);
     background: $shortcode-reveal-alt-background;
-    min-height: 100%;
-    min-width: 12rem;
+    min-width: 15rem;
     border-color: smart-scale($shortcode-reveal-alt-background, 5%);
     border-style: solid;
     border-width: 0 1px 0 0;
 
-    li {
+    .menu {
 
-      &:not(:last-child) {
-        border: 1px solid smart-scale($media-reveal-alt-background, 5%);
-        border-width: 0 0 1px;
-      }
+      li {
 
-      &.is-active, &.active {
+        &:not(:last-child) {
+          border: 1px solid smart-scale($media-reveal-alt-background, 5%);
+          border-width: 0 0 1px;
+        }
+
+        &.is-active, &.active {
 
-        a {
-          background: smart-scale($media-reveal-alt-background, 5%);
-          color: $media-reveal-alt-color;
+          a {
+            background: smart-scale($media-reveal-alt-background, 5%);
+            color: $media-reveal-alt-color;
+          }
         }
       }
-    }
 
-    a {
-      color: $media-reveal-alt-color;
-      padding: $global-padding;
-      background: none;
-      outline: none;
+      a {
+        color: $media-reveal-alt-color;
+        padding: $global-padding;
+        background: none;
+        outline: none;
+      }
     }
   }
 
   .shortcode-form {
-    @include xy-cell(auto, false);
+    @include xy-cell(shrink, false);
     padding: $global-padding;
-    min-height: 100%;
+    background: $shortcode-reveal-alt-background;
+    width: 24rem;
+    min-width: 20rem;
+    border-color: smart-scale($shortcode-reveal-alt-background, 5%);
+    border-style: solid;
+    border-width: 0 0 0 1px;
+
+    .panel-section {
+
+      &.last {
+        margin-bottom: $global-margin;
+
+        &.border {
+          border-bottom-width: 1px;
+        }
+      }
+    }
+
+    .shortcode-title {
+      margin: (-$global-padding) (-$global-padding) $global-padding;
+      padding: $global-padding;
+      border-bottom: 1px solid smart-scale($shortcode-reveal-alt-background, 5%);
+    }
   }
 
   .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;
+    min-width: 20rem;
+
+    .shortcode-content {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .no-content {
+      font-size: 2rem;
+
+      i {
+        font-size: 5rem;
+      }
+    }
 
     iframe {
-      height: 100%;
+      margin: 0;
+      display: block;
       width: 100%;
+      pointer-events: none;
+      user-select: none;
+    }
+  }
+
+  .shortcode-inner {
+    @include xy-grid(vertical, false);
+    min-height: 100%;
+
+    .shortcode-title {
+      @include xy-cell(shrink, false);
+    }
+
+    .shortcode-content {
+      @include xy-cell(auto, false);
+    }
+  }
+
+  .shortcode-title {
+    padding-bottom: $global-padding;
+  }
+
+  .shortcode-content {
+
+    .panel:last-child {
+      margin-bottom: 0;
     }
   }
 }

data/assets/bedrock/scss/components/tiny-mce-editor.scss

@@ -1,10 +1,15 @@
 // Text Editor Mixins
 
 @mixin tiny-mce-editor-input {
-  opacity: 0;
   display: block;
   width: 100%;
   margin: 0;
+  border-color: smart-scale($panel-background, $panel-color-scale) !important;
+  box-shadow: none !important;
+  resize: none;
+  color: transparent;
+  min-height: 200px;
+  overflow: hidden;
 }
 
 @mixin tiny-mce-editor-basics {
@@ -51,6 +56,11 @@
     }
   }
 
+  .is-stuck {
+    top: 0;
+    border-bottom: 1px solid smart-scale($panel-background, $panel-color-scale);
+  }
+
   .mce-menubtn.mce-fixed-width span {
     position: relative;
     top: 1px;

data/lib/bedrock_sass/version.rb

@@ -1,3 +1,3 @@
 module BedrockSass
-  VERSION = '0.1.7'
+  VERSION = '0.1.8'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bedrock_sass
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.8
 platform: ruby
 authors:
 - Jonian Guveli
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-12-22 00:00:00.000000000 Z
+date: 2017-12-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass