Page Attachments - Improved UI, Now initially complete

[bookstack] / resources / assets / sass / _blocks.scss

diff --git a/resources/assets/sass/_blocks.scss b/resources/assets/sass/_blocks.scss
index 9ebae47c1db9bec4333f7a3e987bf0c465e600df..3c7f7490b0de89c0b83ad694e5f110ed3db486d2 100644 (file)
--- a/resources/assets/sass/_blocks.scss
+++ b/resources/assets/sass/_blocks.scss
@@ -60,6 +60,11 @@
   &.large {
     padding: $-xl;
   }
+  >h1, >h2, >h3, >h4 {
+    &:first-child {
+      margin-top: 0.1em;
+    }
+  }
 }
 .padded-vertical, .padded-top {
   padding-top: $-m;
@@ -67,6 +72,7 @@
     padding-top: $-xl;
   }
 }
+
 .padded-vertical, .padded-bottom {
   padding-bottom: $-m;
   &.large {
@@ -119,3 +125,51 @@
     margin-right: $-xl;
   }
 }
+
+
+/**
+ * Callouts
+ */
+
+.callout {
+  border-left: 3px solid #BBB;
+  background-color: #EEE;
+  padding: $-s;
+  &:before {
+    font-family: 'Material-Design-Iconic-Font';
+    padding-right: $-s;
+    display: inline-block;
+  }
+  &.success {
+    border-left-color: $positive;
+    background-color: lighten($positive, 45%);
+    color: darken($positive, 16%);
+  }
+  &.success:before {
+    content: '\f269';
+  }
+  &.danger {
+    border-left-color: $negative;
+    background-color: lighten($negative, 34%);
+    color: darken($negative, 20%);
+  }
+  &.danger:before {
+    content: '\f1f2';
+  }
+  &.info {
+    border-left-color: $info;
+    background-color: lighten($info, 50%);
+    color: darken($info, 16%);
+  }
+  &.info:before {
+    content: '\f1f8';
+  }
+  &.warning {
+    border-left-color: $warning;
+    background-color: lighten($warning, 36%);
+    color: darken($warning, 16%);
+  }
+  &.warning:before {
+    content: '\f1f1';
+  }
+}
\ No newline at end of file