sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-08-05 12:02:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(labels): match status meter style

Browse source
This commit is contained in:
benmanley 2014-07-03 16:04:00 +01:00
parent 15a63d6e66
commit b4e53a21aa
1 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
public/css/global-modules.styl
View file

@ -1,11 +1,10 @@
// Text shadow mixin // Text shadow mixin
hrpg-text-shadow-mixin($hrpg-text-shadow-base-color) hrpg-text-shadow-mixin($hrpg-text-shadow-base-color)
if lightness($hrpg-text-shadow-base-color) >= 50%
text-shadow: text-shadow:
-1px -1px 2px darken($hrpg-text-shadow-base-color,61.8%), -1px -1px 1px darken($hrpg-text-shadow-base-color,70%),
1px -1px 2px darken($hrpg-text-shadow-base-color,61.8%), 1px -1px 1px darken($hrpg-text-shadow-base-color,70%),
-1px 1px 2px darken($hrpg-text-shadow-base-color,61.8%), -1px 1px 1px darken($hrpg-text-shadow-base-color,70%),
1px 1px 2px darken($hrpg-text-shadow-base-color,61.8%); 1px 1px 1px darken($hrpg-text-shadow-base-color,70%);
// Buttons // Buttons
// The !important declarations override Bootstrap // The !important declarations override Bootstrap
hrpg-button-color-mixin($hrpg-button-color) hrpg-button-color-mixin($hrpg-button-color)
@ -127,20 +126,26 @@ $hrpg-button-bar
border-radius: 0em 0.382em 0.382em 0em border-radius: 0em 0.382em 0.382em 0em
// Labels // Labels
hrpg-label-color-mixin($hrpg-label-color) hrpg-label-color-mixin($hrpg-label-color)
color: lighten($hrpg-label-color, 90%) !important
background-color: $hrpg-label-color !important background-color: $hrpg-label-color !important
border-color: darken($hrpg-label-color, 32.8%) !important hrpg-text-shadow-mixin($hrpg-label-color)
hrpg-text-shadow-mixin(lighten($hrpg-label-color, 90%))
> a
color: lighten($hrpg-label-color, 90%) !important
$hrpg-label $hrpg-label
padding: 0.382em 0.618em padding: 0.382em 0.618em
border-width: 1px border: 1px solid #fff
border-style: solid outline: 1px solid #999
border-radius: 0.382em overflow: hidden
background-color: #999
font-size: 0.8em font-size: 0.8em
line-height: 1 line-height: 1
font-weight: bold
letter-spacing: 0.0618em;
color: #fff color: #fff
> a
color: #fff
text-shadow:
-1px -1px 1px #333,
1px -1px 1px #333,
-1px 1px 1px #333,
1px 1px 1px #333;
// Modals // Modals
$hrpg-modal $hrpg-modal
position: relative position: relative
@ -252,11 +257,9 @@ hrpg-tag-color-mixin($hrpg-tag-color)
color: darken($hrpg-tag-color,61.8%) color: darken($hrpg-tag-color,61.8%)
&:before &:before
border-right-color: darken($hrpg-tag-color,3.82%) border-right-color: darken($hrpg-tag-color,3.82%)
hrpg-text-shadow-mixin(darken($hrpg-tag-color,61.8%))
&.active &.active
> a, > a span > a, > a span
color: darken($hrpg-tag-color,3.82%) color: darken($hrpg-tag-color,3.82%)
hrpg-text-shadow-mixin(darken($hrpg-tag-color,3.82%))
background-color: darken($hrpg-tag-color,32.8%) background-color: darken($hrpg-tag-color,32.8%)
&:before &:before
border-right-color: darken($hrpg-tag-color,32.8%) border-right-color: darken($hrpg-tag-color,32.8%)