diff --git a/scss/import/repository.scss b/scss/import/repository.scss index 57029c0..74f6c9f 100644 --- a/scss/import/repository.scss +++ b/scss/import/repository.scss @@ -549,6 +549,118 @@ } } +/* repository: labels */ + +.repository.labels { + .container { + .navbar { + .left.small.menu { + background: transparent; + border: 0; + .item { + background: $bg60; + color: $white; + font-family: "Lucida Console", monospace; + &:first-child { + border-radius: $border-radius 0 0 $border-radius; + } + &:hover { + background: $bg50; + } + &:last-child { + border-radius: 0 $border-radius $border-radius 0; + } + &.active { + background: $bg50; + } + } + } + .right { + .green.new-label.button { + background: $green; + &:hover { + background: $green-dark; + } + } + } + } + h4.attached.header { + font-family: $font-family; + .right { + .right.filter.menu { + font-family: $font-family; + .dropdown.item { + color: $white; + background: $bg60; + &:hover { + background: $bg50; + .menu { + @if $nojavascript == true { + display: block !important; + } + } + } + .menu { + background: $bg60; + border: 1px solid $bg50; + box-shadow: none; + margin-top: 0; + .item { + color: $white !important; + &:hover { + background: $bg50; + } + } + } + } + } + } + } + .attached.segment { + background: $bg30; + border: 0; + .labelspage { + li.item { + border-color: $bg50; + .grid { + .four.wide.column { + .label { + @if $nojavascript == true { + background: $bg60; + color: $white; + } + svg.octicon-tag { + @if $nojavascript == true { + display: none; + } + } + } + } + .six.wide.column { + @if $nojavascript == true { + width: 56.25% !important; + } + } + .three.wide.column { + &:last-of-type { + @if $nojavascript == true { + display: none; + } + } + a { + color: $white-light; + &:hover { + color: $red; + } + } + } + } + } + } + } + } +} + /* repository: milestones */ .repository.milestones {