Browse Source

Label now have default img styles

pull/2209/head
jlukic 9 years ago
parent
commit
6374ad3506
2 changed files with 19 additions and 10 deletions
  1. 25
      src/definitions/elements/label.less
  2. 4
      src/themes/default/elements/label.variables

25
src/definitions/elements/label.less

@ -59,37 +59,44 @@ a.ui.label {
} }
/* Inside Link */ /* Inside Link */
.ui.label a {
.ui.label > a {
cursor: pointer; cursor: pointer;
color: inherit; color: inherit;
opacity: @linkOpacity; opacity: @linkOpacity;
transition: @linkTransition; transition: @linkTransition;
} }
.ui.label a:hover {
.ui.label > a:hover {
opacity: 1; opacity: 1;
} }
/* Image */
.ui.label > img {
width: auto !important;
height: @imageHeight !important;
}
/* Icon */ /* Icon */
.ui.label .icon {
.ui.label > .icon {
width: auto; width: auto;
margin: 0em @iconDistance 0em 0em; margin: 0em @iconDistance 0em 0em;
} }
/* Detail */ /* Detail */
.ui.label .detail {
.ui.label > .detail {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
font-weight: @detailFontWeight; font-weight: @detailFontWeight;
margin-left: @detailMargin; margin-left: @detailMargin;
opacity: @detailOpacity; opacity: @detailOpacity;
} }
.ui.label .detail .icon {
.ui.label > .detail .icon {
margin: 0em @detailIconDistance 0em 0em; margin: 0em @detailIconDistance 0em 0em;
} }
/* Removable label */ /* Removable label */
.ui.label .close.icon,
.ui.label .delete.icon {
.ui.label > .close.icon,
.ui.label > .delete.icon {
cursor: pointer; cursor: pointer;
margin-right: 0em; margin-right: 0em;
margin-left: @deleteMargin; margin-left: @deleteMargin;
@ -97,7 +104,7 @@ a.ui.label {
opacity: @deleteOpacity; opacity: @deleteOpacity;
transition: @deleteTransition; transition: @deleteTransition;
} }
.ui.label .delete.icon:hover {
.ui.label > .delete.icon:hover {
opacity: 1; opacity: 1;
} }
@ -105,7 +112,7 @@ a.ui.label {
Group Group
--------------------*/ --------------------*/
.ui.labels .label {
.ui.labels > .label {
margin: 0em @groupHorizontalMargin @groupVerticalMargin 0em; margin: 0em @groupHorizontalMargin @groupVerticalMargin 0em;
} }

4
src/themes/default/elements/label.variables

@ -40,6 +40,8 @@
@iconDistance: 0.75em; @iconDistance: 0.75em;
@imageHeight: (1em + @verticalPadding * 2);
@detailFontWeight: bold; @detailFontWeight: bold;
@detailOpacity: 0.8; @detailOpacity: 0.8;
@detailIconDistance: 0.25em; @detailIconDistance: 0.25em;
@ -66,7 +68,7 @@
@imageLabelImageMargin: -@verticalPadding @imageLabelTextDistance -@verticalPadding -@imageLabelTextDistance; @imageLabelImageMargin: -@verticalPadding @imageLabelTextDistance -@verticalPadding -@imageLabelTextDistance;
@imageLabelImageBorderRadius: @imageLabelBorderRadius 0em 0em @imageLabelBorderRadius; @imageLabelImageBorderRadius: @imageLabelBorderRadius 0em 0em @imageLabelBorderRadius;
@imageLabelImageHeight: (1em + @verticalPadding * 2);
@imageLabelImageHeight: @imageHeight;
@imageLabelDetailBackground: @strongTransparentBlack; @imageLabelDetailBackground: @strongTransparentBlack;
@imageLabelDetailPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding; @imageLabelDetailPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding;

Loading…
Cancel
Save