Merge pull request gtk-rs#1 from GuillaumeGomez/master

gkoz · gkoz · commit bc673c31a870 · 2015-09-04T17:59:56.000+03:00
Improve site style
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -151,7 +151,7 @@ code {
 
 pre {
     padding: 8px 12px;
-    overflow-x: scroll;
+    overflow-x: auto;
 
     > code {
         border: 0;
@@ -173,6 +173,8 @@ pre {
     padding-right: $spacing-unit;
     padding-left: $spacing-unit;
     @extend %clearfix;
+    border-radius: 5px;
+    background-color: $elem-background;
 
     @include media-query($on-laptop) {
         max-width: -webkit-calc(800px - (#{$spacing-unit}));
@@ -185,6 +187,7 @@ pre {
 .wide-wrapper {
     max-width: -webkit-calc(1000px - (#{$spacing-unit} * 2));
     max-width:         calc(1000px - (#{$spacing-unit} * 2));
+    padding-top: 10px;
 }
 
 
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -8,6 +8,7 @@
 
     // Positioning context for the mobile navigation icon
     position: relative;
+    background-color: $elem-background;
 }
 
 .site-title {
@@ -93,7 +94,8 @@
  */
 .site-footer {
     border-top: 1px solid $grey-color-light;
-    padding: $spacing-unit 0;
+    padding-top: 12px;
+    background-color: $elem-background;
 }
 
 .footer-heading {
@@ -145,7 +147,6 @@
 
 .footer-col {
     float: left;
-    margin-bottom: $spacing-unit / 2;
     padding-left: $spacing-unit / 2;
 }
 
@@ -191,7 +192,7 @@
  * Page content
  */
 .page-content {
-    padding: $spacing-unit 0;
+    padding: 10px 0;
 }
 
 .page-heading {
@@ -263,3 +264,16 @@
         }
     }
 }
+
+.news {
+    background-color: #F7F5D7;
+    border-radius: 5px;
+    padding: 7px;
+}
+
+.crates {
+    background-color: #E6F5F9;
+    border-radius: 5px;
+    padding: 7px;
+    margin-bottom: 7px;
+}
diff --git a/css/main.scss b/css/main.scss
@@ -16,6 +16,7 @@ $spacing-unit:     30px;
 $text-color:       #111;
 $background-color: #fdfdfd;
 $brand-color:      #2a7ae2;
+$elem-background:  #f7f7f7;
 
 $grey-color:       #828282;
 $grey-color-light: lighten($grey-color, 40%);
diff --git a/index.md b/index.md
@@ -15,20 +15,23 @@ layout: wide
 [Cairo]: http://cairographics.org/documentation/
 
   </div>
-
   <div class="intro-col intro-col-2">
-    <p class="page-heading"> Crates </p>
-    {% include badges.html %}
-    <p class="page-heading"> Announcements </p>
-    {% for post in site.categories.front limit:3 %}
-      <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
-      <p>
-        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-      </p>
-    {% endfor %}
+    <div class="crates">
+      <p class="page-heading"> Crates </p>
+      {% include badges.html %}
+    </div>
+    <div class="news">
+      <p class="page-heading"> Announcements </p>
+      {% for post in site.categories.front limit:3 %}
+        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
+        <p>
+          <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        </p>
+      {% endfor %}
       <p>
         <a href="{{ pages.news.url | prepend: site.baseurl }}">All news</a>
       </p>
+    </div>
   </div>
 </div>
 
