_trix_custom.sass in spina-2.0.0.beta

- old
+ new

@@ -1,8 +1,12 @@
 trix-toolbar
+  position: sticky
+  z-index: 2
+
   .trix-button-group
     border: 0
+    margin-bottom: 0
 
     &:not(:first-child)
       margin-left: 10px
 
   .trix-button
@@ -89,14 +93,16 @@
     border-radius: 3px
 
 trix-editor
   line-height: 18px
   min-height: 100px
+  margin-top: 15px
 
   h1, h2, h3, h4, h5, h6
     padding-left: 24px
     position: relative
+    z-index: 1
 
     &:after
       color: #ccc
       content: "H1"
       font-size: 12px
@@ -165,26 +171,30 @@
     border-radius: 0
     box-shadow: none
     font-size: 16px
 
   .trix-attachment-spina-image
+    background: #f5f5f5
+    border-radius: 6px
     cursor: default
     display: block
+    height: 150px
     margin-bottom: 40px
     position: relative
+    width: 200px
 
     &[data-label=""]
       margin-bottom: 0px
 
       &:before
         display: none
 
     img
       border-radius: 6px
       display: block
-      max-height: 150px
-      max-width: 200px
+      height: 150px
+      width: 200px
 
     &:before
       background: #eee
       border-radius: 40px
       bottom: -36px
@@ -199,16 +209,16 @@
       position: absolute
       text-align: left
       white-space: nowrap
       width: auto
 
-  figure[data-trix-mutable] 
+  figure[data-trix-mutable]
     .trix-attachment-spina-image:before
       background: $primary-color
       color: white
 
     &.attachment img
       box-shadow: 0 0 15px rgba(0, 0, 0, .15)
 
   .trix-button--remove
     border: none
-    box-shadow: 0 0 5px rgba(0, 0, 0, .15) 
\ No newline at end of file
+    box-shadow: 0 0 5px rgba(0, 0, 0, .15)