Browse Source

Adds tiny size, updates loaders

pull/912/head
jlukic 10 years ago
parent
commit
2e27f9f50b
3 changed files with 13 additions and 9 deletions
  1. 4
      src/definitions/elements/button.less
  2. 8
      src/definitions/elements/label.less
  3. 10
      src/definitions/elements/loader.less

4
src/definitions/elements/button.less

@ -50,7 +50,6 @@
background-image: @backgroundImage; background-image: @backgroundImage;
border-radius: @borderRadius; border-radius: @borderRadius;
box-shadow: @boxShadow; box-shadow: @boxShadow;
border: @border;
user-select: none; user-select: none;
box-sizing: border-box; box-sizing: border-box;
@ -481,7 +480,7 @@
/* VK */ /* VK */
.ui.vk.button { .ui.vk.button {
background-color: @vkColor;
background-color: #4D7198;
color: @white; color: @white;
background-image: @coloredBackgroundImage; background-image: @coloredBackgroundImage;
box-shadow: @coloredBoxShadow; box-shadow: @coloredBoxShadow;
@ -758,7 +757,6 @@
padding-top: (@verticalPadding + @basicIconOffset); padding-top: (@verticalPadding + @basicIconOffset);
background-color: @labeledIconBackgroundColor; background-color: @labeledIconBackgroundColor;
text-align: center; text-align: center;
color: @labeledIconColor;
border-radius: @borderRadius 0px 0px @borderRadius; border-radius: @borderRadius 0px 0px @borderRadius;
line-height: 1; line-height: 1;

8
src/definitions/elements/label.less

@ -25,7 +25,7 @@
.ui.label { .ui.label {
display: inline-block; display: inline-block;
vertical-align: middle;
vertical-align: @verticalAlign;
line-height: 1; line-height: 1;
margin: @verticalMargin @horizontalMargin; margin: @verticalMargin @horizontalMargin;
@ -893,10 +893,16 @@ a.ui.yellow.label:hover:before {
Sizes Sizes
--------------------*/ --------------------*/
.ui.tiny.labels .label,
.ui.tiny.label {
font-size: @tiny;
}
.ui.small.labels .label, .ui.small.labels .label,
.ui.small.label { .ui.small.label {
font-size: @small; font-size: @small;
} }
.ui.labels .label,
.ui.label { .ui.label {
font-size: @medium; font-size: @medium;
} }

10
src/definitions/elements/loader.less

@ -64,7 +64,7 @@
margin: 0em auto 1em; margin: 0em auto 1em;
color: transparent; color: transparent;
box-shadow: 0px 0px 0px 1px; box-shadow: 0px 0px 0px 1px;
animation: loaderFlipping 1s infinite ease-in-out;
animation: loaderFlipping 1s infinite ease;
margin-bottom: 1em; margin-bottom: 1em;
transform-style: preserve-3d; transform-style: preserve-3d;
} }
@ -78,12 +78,12 @@
backface-visibility: hidden; backface-visibility: hidden;
} }
.ui.flipping.loader .shape:before { .ui.flipping.loader .shape:before {
background-color: @blue;
background-color: @primaryColor;
transform: rotateY(0deg); transform: rotateY(0deg);
z-index: 2; z-index: 2;
} }
.ui.flipping.loader .shape:after { .ui.flipping.loader .shape:after {
background-color: @red;
background-color: @secondaryColor;
transform: rotateY(180deg); transform: rotateY(180deg);
} }
@ -114,10 +114,10 @@
transform: perspective(6em) rotateX(0deg) rotateY(0deg); transform: perspective(6em) rotateX(0deg) rotateY(0deg);
} }
50% { 50% {
transform: perspective(6em) rotateX(-180deg) rotateY(0deg);
transform: perspective(6em) rotateX(0deg) rotateY(-180deg);
} }
100% { 100% {
transform: perspective(6em) rotateX(-180deg) rotateY(-180deg);
transform: perspective(6em) rotateX(0deg) rotateY(-360deg);
} }
} }

Loading…
Cancel
Save