summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/branch-name/branch-name.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/sass/@primer/css/branch-name/branch-name.scss')
-rw-r--r--assets/sass/@primer/css/branch-name/branch-name.scss25
1 files changed, 25 insertions, 0 deletions
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