added note classes and markup for use in opcode descriptions

or elsewhere, there's no limit
Gibberlings3 · Aug 16, 2016 · 673f99a · 673f99a
1 parent 42e5a83
commit 673f99a
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 1 deletion.
diff --git a/_includes/note.html b/_includes/note.html
@@ -0,0 +1,5 @@
+<div class="note info">
+  <div>
+    <strong>Note:</strong> {{ note }}
+  </div>
+</div>
diff --git a/_includes/warning.html b/_includes/warning.html
@@ -0,0 +1,5 @@
+<div class="note warning">
+  <div>
+    <strong>Warning:</strong> {{ note }}
+  </div>
+</div>
diff --git a/_sass/_note.sass b/_sass/_note.sass
@@ -0,0 +1,22 @@
+// main note class, to be used with subclasses like info and warning
+// produces a colored block similar to what bootstrap does
+.note
+  margin-top: 1em
+
+  div
+    padding: 0.5em
+    border: 2px solid transparent
+    border-radius: 2%
+    display: inline-block
+
+.info
+  div
+    color: #3a87ad
+    background-color: #d9edf7
+    border-color: #bce8f1
+
+.warning
+  div
+    color: #b94a48
+    background-color: #f2dede
+    border-color: #eed3d7
diff --git a/css/main.scss b/css/main.scss
@@ -31,5 +31,5 @@ $grey-color-dark:  darken($grey-color, 25%);
 
 // Import partials from `sass_dir` (defaults to `_sass`)
 @import
-        "general", "goup", "misc"
+        "general", "goup", "note", "misc"
 ;