update tooltips code and examples

2 files changed, 21 insertions, 3 deletions

diff --git a/src/tooltips.less b/src/tooltips.less
index 4d0f680..1ccc98b 100644
--- a/src/tooltips.less
+++ b/src/tooltips.less
@@ -30,7 +30,7 @@
     }
   }
 
-  &[data-tooltip-pos="right"] {
+  &.tooltip-right {
     &::after {
       bottom: 50%;
       left: 100%;
@@ -42,7 +42,7 @@
       }
     }
   }
-  &[data-tooltip-pos="bottom"] {
+  &.tooltip-bottom {
     &::after {
       top: 100%;
       bottom: auto;
@@ -54,7 +54,7 @@
       }
     }
   }
-  &[data-tooltip-pos="left"] {
+  &.tooltip-left {
     &::after {
       right: 100%;
       bottom: 50%;
diff --git a/src/typography.less b/src/typography.less
index 94a596f..4a9476f 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -50,6 +50,24 @@ blockquote {
     color: lighten(@body-font-color, 50%);
   }
 }
+code,
+pre {
+  display: block;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  border-left: .2rem solid #ddd;
+  line-height: 1.8rem;
+  background-color: @core-border-color;
+}
+code {
+  padding: 1rem 2rem;
+}
+pre code {
+  background-color: transparent;
+  border-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
 ul,
 ol {
   margin: 0 0 1rem;