diff options
| author | amzrk2 | 2020-04-13 19:13:39 +0800 |
|---|---|---|
| committer | amzrk2 | 2020-04-13 19:13:39 +0800 |
| commit | 6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad (patch) | |
| tree | b13e4c3a49823b602ebb918c899dd4a964c1f445 /assets/sass/@primer/css/branch-name/branch-name.scss | |
| download | hugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.tar.gz hugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.tar.bz2 hugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.zip | |
Initial commit
Diffstat (limited to 'assets/sass/@primer/css/branch-name/branch-name.scss')
| -rw-r--r-- | assets/sass/@primer/css/branch-name/branch-name.scss | 25 |
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 |