336479a2be
align animating icons bring back color in sidebar tiles change settings hover color new help icon for allowed failures and settings help fix svgs for firefox also for remove log also for help icon fix coloring issues, use flexbox footer
90 lines
1.8 KiB
Sass
90 lines
1.8 KiB
Sass
|
|
.tabnav
|
|
color: $grey-light
|
|
font-size: $font-size-sm
|
|
ul
|
|
@include resetul
|
|
margin-top: 2em
|
|
display: flex
|
|
flex-flow: row wrap
|
|
justify-content: space-between
|
|
width: 100%
|
|
@media #{$medium-up}
|
|
margin-top: 0
|
|
display: block
|
|
li
|
|
flex: 0 0 8em
|
|
text-align: center
|
|
margin: .5em 0
|
|
@media #{$medium-up}
|
|
display: inline-block
|
|
text-align: left
|
|
margin: 0 1.5em 0 0
|
|
|
|
a
|
|
@extend %inline-block
|
|
width: 100%
|
|
color: $grey-light
|
|
padding: 3px 0 4px
|
|
|
|
.active a,
|
|
a:hover
|
|
position: relative
|
|
color: $teal
|
|
&:after
|
|
content: ""
|
|
position: absolute
|
|
left: 0
|
|
bottom: -2px
|
|
width: 100%
|
|
height: 2px
|
|
background-color: $teal
|
|
.active a
|
|
font-weight: $font-weight-bold
|
|
|
|
.tabbody
|
|
position: relative
|
|
.tabnav-sub
|
|
@include resetul
|
|
@extend %inline-block
|
|
overflow: visible
|
|
a
|
|
color: $grey-light
|
|
padding: .5em 0
|
|
.active
|
|
color: $teal-dark
|
|
|
|
@media #{$medium-up}
|
|
border-bottom: solid $cream-dark 2px
|
|
li
|
|
float: left
|
|
margin-right: 1em
|
|
|
|
.tabs--main
|
|
#tab_build,
|
|
#tab_job,
|
|
#tab_request,
|
|
#tab_requests,
|
|
#tab_caches,
|
|
#tab_settings
|
|
display: none
|
|
&.active
|
|
display: inline-block
|
|
|
|
#tab_build
|
|
position: relative
|
|
@media #{$medium-up}
|
|
left: .5em
|
|
|
|
.tab-arrow
|
|
display: inline-block
|
|
position: absolute
|
|
top: 5px
|
|
left: -19px
|
|
width: .7em
|
|
height: 1.3em
|
|
background:
|
|
size: auto 100%
|
|
repeat: no-repeat
|
|
image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.4 15"><style>.st0{fill:#949899;}</style><path class="st0" d="M.6 15c-.2 0-.3-.1-.4-.2-.3-.2-.3-.6-.1-.9l5.7-6.5L.2 1.1C0 .8 0 .4.2.2c.3-.2.7-.2.9 0L7.2 7c.2.2.2.6 0 .8l-6.1 6.9c-.1.2-.3.3-.5.3z" id="tabarrow"/></svg>')
|