summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/branch-name/branch-name.scss
blob: 1515b21166e2750c2d437bbdad86bbfd5a219be2 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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