From de026375fc4eea39ae4bccb2de3bbed93de8c86b Mon Sep 17 00:00:00 2001
From: Han Loong Liauw <hanloongliauw@gmail.com>
Date: Wed, 14 Oct 2015 19:41:12 +1100
Subject: Updated the style of the snippets header in #show

It should now more closly match the styles used in
issues and merge requests with some small tweaks
to be more relevant to snippets
---
 app/assets/stylesheets/pages/snippets.scss | 55 ++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/pages/snippets.scss b/app/assets/stylesheets/pages/snippets.scss
index a3d7aba054d..39034a1391f 100644
--- a/app/assets/stylesheets/pages/snippets.scss
+++ b/app/assets/stylesheets/pages/snippets.scss
@@ -30,3 +30,58 @@
     }
   }
 }
+
+.snippet-details {
+  .page-title {
+    margin-top: -15px;
+    padding: 10px 0;
+    margin-bottom: 0;
+    color: #5c5d5e;
+    font-size: 16px;
+
+    .author {
+      color: #5c5d5e;
+    }
+
+    .snippet-id {
+      color: #5c5d5e;
+    }
+    .btn {
+      padding: 10px $gl-padding;
+    }
+  }
+
+  .snippet-title {
+    margin: 0;
+    font-size: 23px;
+    color: #313236;
+  }
+
+  @media (max-width: $screen-md-max) {
+    .new-snippet-link {
+      display: none;
+    }
+  }
+
+  @media (max-width: $screen-sm-max) {
+    .creator,
+    .page-title .btn-close {
+      display: none;
+    }
+  }
+}
+
+.snippet-box {
+  @include border-radius(2px);
+
+  display: inline-block;
+  padding: 10px $gl-padding;
+  font-weight: normal;
+  margin-right: 10px;
+  font-size: $gl-font-size;
+
+  &.snippet-box-locked {
+    background: $gl-gray;
+    color: #FFF;
+  }
+}
-- 
cgit v1.2.1