CitadelStationBot
65736b7e23
* Ports the Ore Redemption Machine to TGUI * Update tgui.css * Update tgui.js * Delete tgui.css.rej * Delete tgui.js.rej
47 lines
1.0 KiB
Stylus
47 lines
1.0 KiB
Stylus
context = selector()
|
|
|
|
buttoncolor(selector, color)
|
|
&.{selector}
|
|
transition: background-color 0.5s
|
|
background-color: color
|
|
&.{selector}.active:hover,
|
|
&.{selector}.active:focus
|
|
transition: background-color 0.25s
|
|
background-color: lighten(color, button-lighten-hover)
|
|
outline: 0
|
|
|
|
span.button
|
|
@extend {context} $fontReset
|
|
display: inline-block
|
|
vertical-align: middle
|
|
min-height: 20px
|
|
line-height: @min-height - 3px
|
|
padding: 0 5px
|
|
white-space: nowrap
|
|
|
|
border: 1px solid button-color-border
|
|
|
|
.fa
|
|
padding-right: 2px
|
|
|
|
buttoncolor(normal, button-color-normal)
|
|
buttoncolor(disabled, button-color-disabled)
|
|
buttoncolor(selected, button-color-selected)
|
|
buttoncolor(toggle, button-color-selected)
|
|
buttoncolor(caution, button-color-caution)
|
|
buttoncolor(danger, button-color-danger)
|
|
|
|
&.gridable
|
|
width: 125px
|
|
margin: 2px 0
|
|
&.center
|
|
text-align: center
|
|
width:75px
|
|
span:not(.button) + span.button
|
|
margin-left: 5px
|
|
|
|
span.button + span:not(.button)
|
|
margin-left: 5px
|
|
|
|
|