css: add sidebar styles

diff --git a/src/newslash_web/css/main.less b/src/newslash_web/css/main.less
index 0191663..c0cf11f 100644 (file)
--- a/src/newslash_web/css/main.less
+++ b/src/newslash_web/css/main.less
@@ -8,4 +8,5 @@
 @import "main/story.less";
 @import "main/site-header.less";
 @import "admin/admin-bar.less";
-@import "main/app.less";
\ No newline at end of file
+@import "main/app.less";
+@import "main/sidebar.less";
\ No newline at end of file

diff --git a/src/newslash_web/css/main/colors.less b/src/newslash_web/css/main/colors.less
index f29e147..ce4e0e6 100644 (file)
--- a/src/newslash_web/css/main/colors.less
+++ b/src/newslash_web/css/main/colors.less
@@ -8,6 +8,7 @@
 @article-header-background: #e5dac9;
 @article-header-border: #e0d2bd;
 @article-header-text-color: #312718;
+@article-background: #fdfcfb;
 
 @border-color-inactive: #e0d2bd;
 @tags-color: #997a49;

diff --git a/src/newslash_web/css/main/sidebar.less b/src/newslash_web/css/main/sidebar.less
new file mode 100644 (file)
index 0000000..ec21ba3
--- /dev/null
+++ b/src/newslash_web/css/main/sidebar.less
@@ -0,0 +1,22 @@
+@import "colors.less";
+
+.sidebar {
+    .sidebar-item {
+        margin: 0 0 20px;
+        background: @article-background;
+       border: 1px solid @article-header-border;
+        box-shadow: 0 0 1px #e0d2bd;
+        padding: 6px 12px 0;
+        margin: 0 0 10px;
+        font-size: 90%;
+
+        h2 {
+            font-size: 100%;
+           background: @article-header-background;
+           border: 1px solid @article-header-border;
+           line-height: 110%;
+           margin: 0 -6px;
+           padding: 6px;
+        }
+    }
+}
\ No newline at end of file