From 6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Mon, 13 Apr 2020 19:13:39 +0800
Subject: Initial commit

---
 .../sass/@primer/css/branch-name/branch-name.scss  | 25 ++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 assets/sass/@primer/css/branch-name/branch-name.scss

(limited to 'assets/sass/@primer/css/branch-name/branch-name.scss')

diff --git a/assets/sass/@primer/css/branch-name/branch-name.scss b/assets/sass/@primer/css/branch-name/branch-name.scss
new file mode 100644
index 0000000..1515b21
--- /dev/null
+++ b/assets/sass/@primer/css/branch-name/branch-name.scss
@@ -0,0 +1,25 @@
+// A nice way to display branch names inside the UI. Can be a link or not.
+// stylelint-disable selector-max-type
+.branch-name {
+  display: inline-block;
+  // stylelint-disable-next-line primer/spacing
+  padding: 2px 6px;
+  font: 12px $mono-font;
+  // stylelint-disable-next-line primer/colors
+  color: rgba($black, 0.6);
+  // stylelint-disable-next-line primer/colors
+  background-color: lighten($blue-100, 3%);
+  border-radius: $border-radius;
+
+  .octicon {
+    // stylelint-disable-next-line primer/spacing
+    margin: 1px -2px 0 0;
+    // stylelint-disable-next-line primer/colors
+    color: desaturate($blue-300, 70%);
+  }
+}
+
+// When a branch name is a link
+// stylelint-disable selector-no-qualifying-type
+a.branch-name { color: $text-blue; }
+// stylelint-enable selector-no-qualifying-type
-- 
cgit v1.2.3