Browse Source

Fix inverted bordered icons

pull/1129/head
jlukic 10 years ago
parent
commit
b13339845c
2 changed files with 13 additions and 3 deletions
  1. 12
      src/definitions/elements/icon.less
  2. 4
      src/themes/packages/default/globals/site.variables

12
src/definitions/elements/icon.less

@ -274,43 +274,53 @@ i.inverted.yellow.icon {
color: @lightYellow !important; color: @lightYellow !important;
} }
/* Inverted Circular */
/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon { i.inverted.circular.icon {
background-color: #222222 !important; background-color: #222222 !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.black.icon,
i.inverted.circular.black.icon { i.inverted.circular.black.icon {
background-color: @black !important; background-color: @black !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon { i.inverted.circular.blue.icon {
background-color: @blue !important; background-color: @blue !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.green.icon,
i.inverted.circular.green.icon { i.inverted.circular.green.icon {
background-color: @green !important; background-color: @green !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon { i.inverted.circular.orange.icon {
background-color: @orange !important; background-color: @orange !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon { i.inverted.circular.pink.icon {
background-color: @pink !important; background-color: @pink !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon { i.inverted.circular.purple.icon {
background-color: @purple !important; background-color: @purple !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.red.icon,
i.inverted.circular.red.icon { i.inverted.circular.red.icon {
background-color: @red !important; background-color: @red !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon { i.inverted.circular.teal.icon {
background-color: @teal !important; background-color: @teal !important;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon { i.inverted.circular.yellow.icon {
background-color: @yellow !important; background-color: @yellow !important;
color: #FFFFFF !important; color: #FFFFFF !important;

4
src/themes/packages/default/globals/site.variables

@ -89,9 +89,9 @@
@transparentBlack : rgba(0, 0, 0, 0.05); @transparentBlack : rgba(0, 0, 0, 0.05);
@strongTransparentBlack : rgba(0, 0, 0, 0.10); @strongTransparentBlack : rgba(0, 0, 0, 0.10);
@subtleTransparentWhite : rgba(255, 255, 255, 0.01);
@subtleTransparentWhite : rgba(255, 255, 255, 0.03);
@transparentWhite : rgba(255, 255, 255, 0.05); @transparentWhite : rgba(255, 255, 255, 0.05);
@strongTransparentWhite : rgba(255, 255, 255, 0.01);
@strongTransparentWhite : rgba(255, 255, 255, 0.08);
/* Used for differentiating neutrals */ /* Used for differentiating neutrals */
@subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));

Loading…
Cancel
Save