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

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

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

Loading…
Cancel
Save