1
1
mirror of https://github.com/primer/css.git synced 2024-12-18 11:41:33 +03:00
css/modules/primer-branch-name/lib/branch-name.scss

21 lines
545 B
SCSS
Raw Normal View History

2017-09-12 01:48:36 +03:00
// 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;
padding: 2px 6px;
font: 12px $mono-font;
color: rgba($black, 0.6);
background-color: lighten($blue-100, 3%);
border-radius: 3px;
.octicon {
margin: 1px -2px 0 0;
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