jazzy.css.scss in jazzy-0.4.0

- old
+ new

@@ -9,11 +9,11 @@
 $link_color: #0088cc;
 $white_color: #fff;
 $light_gray_bg_color: #f2f2f2;
 $declaration_bg_color: #f9f9f9;
 $sidebar_bg_color: #f9f9f9;
-$declaration_lang_title_swift_color: #4b8afb;
+$declaration_title_language_color: #4b8afb;
 
 $sidebar_width: 230px;
 $content_wrapper_width: 980px;
 $content_top_offset: 70px;
 $content_body_margin: 16px;
@@ -22,12 +22,17 @@
 $breadcrumb_padding_top: 17px;
 
 $code_font: 0.95em Menlo, monospace;
 
 $gray_border: 1px solid #e2e2e2;
-$declaration_swift_border: 5px solid #cde9f4;
+$declaration_language_border: 5px solid #cde9f4;
 
+$aside_color: #aaa;
+$aside_border: 5px solid lighten($aside_color, 20%);
+$aside_warning_color: #ff0000;
+$aside_warning_border: 5px solid lighten($aside_warning_color, 20%);
+
 ////////////////////////////////
 // Reset
 ////////////////////////////////
 
 html, body, div, span, h1, h3, h4, p, a, code, em, img, ul, li, table, tbody, tr, td {
@@ -262,17 +267,10 @@
   border: $gray_border;
   border-radius: 4px;
   overflow-x: auto;
 }
 
-.aside-title {
-  font-size: 9px;
-  letter-spacing: 2px;
-  text-transform: uppercase;
-  padding-bottom: 0;
-}
-
 .declaration .highlight {
   overflow-x: initial; // This allows the scrollbar to show up inside declarations
   padding: 0 40px 40px 0;
   margin-bottom: -25px;
   background-color: transparent;
@@ -311,10 +309,15 @@
   }
   .token {
     padding-left: 3px;
     margin-left: 15px;
   }
+  .declaration-note {
+    font-size: .85em;
+    color: rgba(128,128,128,1);
+    font-style: italic;
+  }
 }
 
 .pointer-container {
   border-bottom: $gray_border;
   left: -23px;
@@ -354,17 +357,39 @@
     padding-top: 10px;
     padding-bottom: 5px;
   }
 }
 
-div.Swift {
-  padding: 4px 0 2px 10px;
-  margin-bottom: 1em;
-  border-left: $declaration_swift_border;
+.aside, .language {
+  padding: 6px 12px;
+  margin: 12px 0;
+  border-left: $aside_border;
   overflow-y: hidden;
   .aside-title {
-    color: $declaration_lang_title_swift_color;
+    font-size: 9px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    padding-bottom: 0;
+    margin: 0;
+    color: $aside_color;
     -webkit-user-select: none;
+  }
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.language {
+  border-left: $declaration_language_border;
+  .aside-title {
+    color: $declaration_title_language_color;
+  }
+}
+
+.aside-warning {
+  border-left: $aside_warning_border;
+  .aside-title {
+    color: $aside_warning_color;
   }
 }
 
 .graybox {
   border-collapse: collapse;