Browse Source

Continuing to tweak corner label positions, fixes flud input example

Former-commit-id: 72e157cf5f1c0fc34d3d69cf27f1b0e96120c8de
Former-commit-id: 9f7a2273f0f7bf964c57a907dc413ac211c984ff
beta
jlukic 11 years ago
parent
commit
2cc9f0696b
  1. 14
      build/less/elements/label.less
  2. 14
      build/uncompressed/elements/label.css
  3. 4
      node/src/documents/elements/input.html.eco
  4. 14
      node/src/files/build/less/elements/label.less
  5. 14
      node/src/files/build/uncompressed/elements/label.css
  6. 14
      src/elements/label.less

14
build/less/elements/label.less

@ -389,8 +389,8 @@ a.ui.label:hover:before {
height: 0em; height: 0em;
border-top: 0em solid transparent; border-top: 0em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 3.25em solid transparent; border-bottom: 3em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-right-color: inherit; border-right-color: inherit;
@ -403,12 +403,12 @@ a.ui.label:hover:before {
} }
.ui.corner.label .icon { .ui.corner.label .icon {
margin: 0.5em 0em 0em 0.6em; margin: 0.4em 0em 0em 0.7em;
} }
.ui.corner.label .text { .ui.corner.label .text {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
margin: 0.75em 0em 0em 0.5em; margin: 0.5em 0em 0em 0.6em;
width: 2.5em; width: 2.5em;
font-size: 0.82em; font-size: 0.82em;
@ -428,15 +428,15 @@ a.ui.label:hover:before {
left: 0em; left: 0em;
} }
.ui.left.corner.label:after { .ui.left.corner.label:after {
border-top: 3.25em solid transparent; border-top: 3em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 0em solid transparent; border-bottom: 0em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-top-color: inherit; border-top-color: inherit;
} }
.ui.left.corner.label .text { .ui.left.corner.label .text {
margin: 0.75em 0em 0em -0.5em; margin: 0.5em 0em 0em -0.6em;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg); -o-transform: rotate(-45deg);

14
build/uncompressed/elements/label.css

@ -306,8 +306,8 @@ a.ui.label:hover:before {
width: 0em; width: 0em;
height: 0em; height: 0em;
border-top: 0em solid transparent; border-top: 0em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 3.25em solid transparent; border-bottom: 3em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-right-color: inherit; border-right-color: inherit;
-webkit-transition: border-color 0.2s ease; -webkit-transition: border-color 0.2s ease;
@ -317,12 +317,12 @@ a.ui.label:hover:before {
transition: border-color 0.2s ease; transition: border-color 0.2s ease;
} }
.ui.corner.label .icon { .ui.corner.label .icon {
margin: 0.5em 0em 0em 0.6em; margin: 0.4em 0em 0em 0.7em;
} }
.ui.corner.label .text { .ui.corner.label .text {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
margin: 0.75em 0em 0em 0.5em; margin: 0.5em 0em 0em 0.6em;
width: 2.5em; width: 2.5em;
font-size: 0.82em; font-size: 0.82em;
text-align: center; text-align: center;
@ -339,14 +339,14 @@ a.ui.label:hover:before {
left: 0em; left: 0em;
} }
.ui.left.corner.label:after { .ui.left.corner.label:after {
border-top: 3.25em solid transparent; border-top: 3em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 0em solid transparent; border-bottom: 0em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-top-color: inherit; border-top-color: inherit;
} }
.ui.left.corner.label .text { .ui.left.corner.label .text {
margin: 0.75em 0em 0em -0.5em; margin: 0.5em 0em 0em -0.6em;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg); -o-transform: rotate(-45deg);

4
node/src/documents/elements/input.html.eco

@ -126,9 +126,9 @@ type : 'UI Element'
<div class="example"> <div class="example">
<h4 class="ui header">Fluid</h4> <h4 class="ui header">Fluid</h4>
<p>An input can take the size of its container</p> <p>An input can take the size of its container</p>
<div class="ui fluid input"> <div class="ui fluid icon input">
<input type="text" placeholder="Search a very wide input..."> <input type="text" placeholder="Search a very wide input...">
<div class="ui icon button"><i class="search icon"></i></div> <i class="search icon"></i>
</div> </div>
</div> </div>

14
node/src/files/build/less/elements/label.less

@ -389,8 +389,8 @@ a.ui.label:hover:before {
height: 0em; height: 0em;
border-top: 0em solid transparent; border-top: 0em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 3.25em solid transparent; border-bottom: 3em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-right-color: inherit; border-right-color: inherit;
@ -403,12 +403,12 @@ a.ui.label:hover:before {
} }
.ui.corner.label .icon { .ui.corner.label .icon {
margin: 0.5em 0em 0em 0.6em; margin: 0.4em 0em 0em 0.7em;
} }
.ui.corner.label .text { .ui.corner.label .text {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
margin: 0.75em 0em 0em 0.5em; margin: 0.5em 0em 0em 0.6em;
width: 2.5em; width: 2.5em;
font-size: 0.82em; font-size: 0.82em;
@ -428,15 +428,15 @@ a.ui.label:hover:before {
left: 0em; left: 0em;
} }
.ui.left.corner.label:after { .ui.left.corner.label:after {
border-top: 3.25em solid transparent; border-top: 3em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 0em solid transparent; border-bottom: 0em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-top-color: inherit; border-top-color: inherit;
} }
.ui.left.corner.label .text { .ui.left.corner.label .text {
margin: 0.75em 0em 0em -0.5em; margin: 0.5em 0em 0em -0.6em;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg); -o-transform: rotate(-45deg);

14
node/src/files/build/uncompressed/elements/label.css

@ -306,8 +306,8 @@ a.ui.label:hover:before {
width: 0em; width: 0em;
height: 0em; height: 0em;
border-top: 0em solid transparent; border-top: 0em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 3.25em solid transparent; border-bottom: 3em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-right-color: inherit; border-right-color: inherit;
-webkit-transition: border-color 0.2s ease; -webkit-transition: border-color 0.2s ease;
@ -317,12 +317,12 @@ a.ui.label:hover:before {
transition: border-color 0.2s ease; transition: border-color 0.2s ease;
} }
.ui.corner.label .icon { .ui.corner.label .icon {
margin: 0.5em 0em 0em 0.6em; margin: 0.4em 0em 0em 0.7em;
} }
.ui.corner.label .text { .ui.corner.label .text {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
margin: 0.75em 0em 0em 0.5em; margin: 0.5em 0em 0em 0.6em;
width: 2.5em; width: 2.5em;
font-size: 0.82em; font-size: 0.82em;
text-align: center; text-align: center;
@ -339,14 +339,14 @@ a.ui.label:hover:before {
left: 0em; left: 0em;
} }
.ui.left.corner.label:after { .ui.left.corner.label:after {
border-top: 3.25em solid transparent; border-top: 3em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 0em solid transparent; border-bottom: 0em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-top-color: inherit; border-top-color: inherit;
} }
.ui.left.corner.label .text { .ui.left.corner.label .text {
margin: 0.75em 0em 0em -0.5em; margin: 0.5em 0em 0em -0.6em;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg); -o-transform: rotate(-45deg);

14
src/elements/label.less

@ -389,8 +389,8 @@ a.ui.label:hover:before {
height: 0em; height: 0em;
border-top: 0em solid transparent; border-top: 0em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 3.25em solid transparent; border-bottom: 3em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-right-color: inherit; border-right-color: inherit;
@ -403,12 +403,12 @@ a.ui.label:hover:before {
} }
.ui.corner.label .icon { .ui.corner.label .icon {
margin: 0.5em 0em 0em 0.6em; margin: 0.4em 0em 0em 0.7em;
} }
.ui.corner.label .text { .ui.corner.label .text {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
margin: 0.75em 0em 0em 0.5em; margin: 0.5em 0em 0em 0.6em;
width: 2.5em; width: 2.5em;
font-size: 0.82em; font-size: 0.82em;
@ -428,15 +428,15 @@ a.ui.label:hover:before {
left: 0em; left: 0em;
} }
.ui.left.corner.label:after { .ui.left.corner.label:after {
border-top: 3.25em solid transparent; border-top: 3em solid transparent;
border-right: 3.25em solid transparent; border-right: 3em solid transparent;
border-bottom: 0em solid transparent; border-bottom: 0em solid transparent;
border-left: 0em solid transparent; border-left: 0em solid transparent;
border-top-color: inherit; border-top-color: inherit;
} }
.ui.left.corner.label .text { .ui.left.corner.label .text {
margin: 0.75em 0em 0em -0.5em; margin: 0.5em 0em 0em -0.6em;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg); -o-transform: rotate(-45deg);

Loading…
Cancel
Save