lukechilds
/
Semantic-UI-Docs
mirror of https://github.com/lukechilds/Semantic-UI-Docs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

continuing to fix ui input

beta
jlukic 11 years ago
parent
3d3c513897
commit
80290352b9
21 changed files with 125 additions and 176 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 38
      build/less/collections/menu.less
  2. 4
      build/less/elements/input.less
  3. 2
      build/minified/collections/menu.min.css
  4. 2
      build/minified/elements/input.min.css
  5. 41
      build/packaged/css/semantic.css
  6. 6
      build/packaged/css/semantic.min.css
  7. 2
      build/packaged/javascript/semantic.min.js
  8. 38
      build/uncompressed/collections/menu.css
  9. 3
      build/uncompressed/elements/input.css
  10. 38
      rtl/less/collections/menu.less
  11. 4
      rtl/less/elements/input.less
  12. 2
      rtl/minified/collections/menu.min.css
  13. 2
      rtl/minified/elements/input.min.css
  14. 41
      rtl/packaged/css/semantic.css
  15. 6
      rtl/packaged/css/semantic.min.css
  16. 2
      rtl/packaged/javascript/semantic.min.js
  17. 38
      rtl/uncompressed/collections/menu.css
  18. 3
      rtl/uncompressed/elements/input.css
  19. 2
      server/documents/collections/menu.html.eco
  20. 25
      src/collections/menu.less
  21. 2
      src/elements/input.less

38
build/less/collections/menu.less
View File

@ -259,30 +259,23 @@
Inputs
---------------*/
.ui.menu .item > .input,
.ui.menu .item > .input input {
.ui.menu:not(.vertical) .item > .input {
margin-top: -0.83em;
margin-bottom: -0.83em;
padding-top: 0.3em;
padding-bottom: 0.3em;
width: 100%;
}
.ui.menu .ui.input > .icon {
padding-top: 0.1em;
height: auto;
}
.ui.menu .item > .input input,
.ui.menu .item > input[type="text"] {
position: relative;
margin: -0.45em 0em;
.ui.menu .item > .input input {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input[type="text"] {
top: 0em;
.ui.vertical.menu .item > .input input {
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
top: 0px;
padding-top: 0.63em;
}
@ -817,8 +810,6 @@
}
.ui.secondary.menu .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: transparent;
border: none;
}
@ -1782,6 +1773,10 @@
.ui.small.menu .item {
font-size: 0.875rem;
}
.ui.small.menu:not(.vertical) .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.ui.small.vertical.menu {
width: 13rem;
}
@ -1800,13 +1795,10 @@
.ui.large.menu .item .item {
font-size: 0.875rem;
}
.ui.large.menu .item > .input input,
.ui.large.menu .item > input[type="text"] {
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.ui.large.menu .ui.input > .icon {
padding-top: 0.3em;
.ui.large.menu:not(.vertical) .item > .input input {
top: -0.125em;
padding-bottom: 0.6em;
padding-top: 0.6em;
}
.ui.large.menu .dropdown.item .item {
font-size: 1rem;

4
build/less/elements/input.less
View File

@ -22,6 +22,8 @@
.ui.input {
display: inline-block;
position: relative;
color: rgba(0, 0, 0, 0.7);
}
.ui.input input {
width: 100%;
@ -188,7 +190,7 @@
width: 2.6em;
height: 100%;
padding-top: 0.85em;
padding-top: 0.82em;
text-align: center;

2
build/minified/collections/menu.min.css
View File

File diff suppressed because one or more lines are too long

2
build/minified/elements/input.min.css
View File

@ -1 +1 @@
.ui.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.85em 1.2em;font-size:.875em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.loading.input>.icon{background:url(../images/loader-mini.gif) no-repeat 50% 50%}.ui.loading.input>.icon:before,.ui.loading.input>.icon:after{display:none}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:snow;border-color:#E7BEBE;color:#D95C5C}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.transparent.input input{border:0;background-color:transparent}.ui.icon.input>.icon{cursor:default;position:absolute;opacity:.5;top:0;right:0;margin:0;width:2.6em;height:100%;padding-top:.85em;text-align:center;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input>.link.icon{cursor:pointer}.ui.icon.input input{padding-right:3em!important}.ui.icon.input>.circular.icon{top:.35em;right:.5em}.ui.left.icon.input>.icon{right:auto;left:1px;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.left.icon.input>.circular.icon{right:auto;left:.5em}.ui.left.icon.input>input{padding-left:3em!important;padding-right:1.2em!important}.ui.icon.input>input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;-webkit-border-top-right-radius:.3125em;-moz-border-top-right-radius:.3125em;border-top-right-radius:.3125em}.ui.labeled.input input{padding-right:2.5em!important}.ui.labeled.icon.input:not(.left)>input{padding-right:3.25em!important}.ui.labeled.icon.input:not(.left)>.icon{margin-right:.75em}.ui.action.input{display:table}.ui.action.input>input{display:table-cell;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0}.ui.action.input>.button{display:table-cell;opacity:.9;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;white-space:nowrap}.ui.action.input>.button>.icon{display:inline}.ui.action.input>input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset}.ui.fluid.input{display:block}.ui.mini.input{font-size:.8125rem}.ui.tiny.input{font-size:.875rem}.ui.small.input{font-size:.875rem}.ui.input{font-size:1rem}.ui.large.input{font-size:1.125rem}.ui.big.input{font-size:1.25rem}.ui.huge.input{font-size:1.375rem}.ui.massive.input{font-size:1.5rem}
.ui.input{display:inline-block;position:relative;color:rgba(0,0,0,.7)}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.85em 1.2em;font-size:.875em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.loading.input>.icon{background:url(../images/loader-mini.gif) no-repeat 50% 50%}.ui.loading.input>.icon:before,.ui.loading.input>.icon:after{display:none}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:snow;border-color:#E7BEBE;color:#D95C5C}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.transparent.input input{border:0;background-color:transparent}.ui.icon.input>.icon{cursor:default;position:absolute;opacity:.5;top:0;right:0;margin:0;width:2.6em;height:100%;padding-top:.82em;text-align:center;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input>.link.icon{cursor:pointer}.ui.icon.input input{padding-right:3em!important}.ui.icon.input>.circular.icon{top:.35em;right:.5em}.ui.left.icon.input>.icon{right:auto;left:1px;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.left.icon.input>.circular.icon{right:auto;left:.5em}.ui.left.icon.input>input{padding-left:3em!important;padding-right:1.2em!important}.ui.icon.input>input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;-webkit-border-top-right-radius:.3125em;-moz-border-top-right-radius:.3125em;border-top-right-radius:.3125em}.ui.labeled.input input{padding-right:2.5em!important}.ui.labeled.icon.input:not(.left)>input{padding-right:3.25em!important}.ui.labeled.icon.input:not(.left)>.icon{margin-right:.75em}.ui.action.input{display:table}.ui.action.input>input{display:table-cell;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0}.ui.action.input>.button{display:table-cell;opacity:.9;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;white-space:nowrap}.ui.action.input>.button>.icon{display:inline}.ui.action.input>input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset}.ui.fluid.input{display:block}.ui.mini.input{font-size:.8125rem}.ui.tiny.input{font-size:.875rem}.ui.small.input{font-size:.875rem}.ui.input{font-size:1rem}.ui.large.input{font-size:1.125rem}.ui.big.input{font-size:1.25rem}.ui.huge.input{font-size:1.375rem}.ui.massive.input{font-size:1.5rem}

41
build/packaged/css/semantic.css
View File

@ -1287,30 +1287,23 @@ body > .ui.grid {
/*--------------
Inputs
---------------*/
.ui.menu .item > .input,
.ui.menu .item > .input input {
.ui.menu:not(.vertical) .item > .input {
margin-top: -0.83em;
margin-bottom: -0.83em;
padding-top: 0.3em;
padding-bottom: 0.3em;
width: 100%;
}
.ui.menu .ui.input > .icon {
padding-top: 0.1em;
height: auto;
}
.ui.menu .item > .input input,
.ui.menu .item > input[type="text"] {
position: relative;
margin: -0.45em 0em;
.ui.menu .item > .input input {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input[type="text"] {
top: 0em;
.ui.vertical.menu .item > .input input {
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
top: 0px;
padding-top: 0.63em;
}
/*--------------
@ -1747,8 +1740,6 @@ body > .ui.grid {
display: none !important;
}
.ui.secondary.menu .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: transparent;
border: none;
}
@ -2535,6 +2526,10 @@ body > .ui.grid {
.ui.small.menu .item {
font-size: 0.875rem;
}
.ui.small.menu:not(.vertical) .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.ui.small.vertical.menu {
width: 13rem;
}
@ -2550,13 +2545,10 @@ body > .ui.grid {
.ui.large.menu .item .item {
font-size: 0.875rem;
}
.ui.large.menu .item > .input input,
.ui.large.menu .item > input[type="text"] {
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.ui.large.menu .ui.input > .icon {
padding-top: 0.3em;
.ui.large.menu:not(.vertical) .item > .input input {
top: -0.125em;
padding-bottom: 0.6em;
padding-top: 0.6em;
}
.ui.large.menu .dropdown.item .item {
font-size: 1rem;
@ -7150,6 +7142,7 @@ img.ui.image {
.ui.input {
display: inline-block;
position: relative;
color: rgba(0, 0, 0, 0.7);
}
.ui.input input {
width: 100%;
@ -7265,7 +7258,7 @@ img.ui.image {
margin: 0em;
width: 2.6em;
height: 100%;
padding-top: 0.85em;
padding-top: 0.82em;
text-align: center;
-webkit-border-radius: 0em 0.3125em 0.3125em 0em;
-moz-border-radius: 0em 0.3125em 0.3125em 0em;

6
build/packaged/css/semantic.min.css
View File

File diff suppressed because one or more lines are too long

2
build/packaged/javascript/semantic.min.js
View File

File diff suppressed because one or more lines are too long

38
build/uncompressed/collections/menu.css
View File

@ -180,30 +180,23 @@
/*--------------
Inputs
---------------*/
.ui.menu .item > .input,
.ui.menu .item > .input input {
.ui.menu:not(.vertical) .item > .input {
margin-top: -0.83em;
margin-bottom: -0.83em;
padding-top: 0.3em;
padding-bottom: 0.3em;
width: 100%;
}
.ui.menu .ui.input > .icon {
padding-top: 0.1em;
height: auto;
}
.ui.menu .item > .input input,
.ui.menu .item > input[type="text"] {
position: relative;
margin: -0.45em 0em;
.ui.menu .item > .input input {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input[type="text"] {
top: 0em;
.ui.vertical.menu .item > .input input {
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
top: 0px;
padding-top: 0.63em;
}
/*--------------
@ -640,8 +633,6 @@
display: none !important;
}
.ui.secondary.menu .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: transparent;
border: none;
}
@ -1428,6 +1419,10 @@
.ui.small.menu .item {
font-size: 0.875rem;
}
.ui.small.menu:not(.vertical) .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.ui.small.vertical.menu {
width: 13rem;
}
@ -1443,13 +1438,10 @@
.ui.large.menu .item .item {
font-size: 0.875rem;
}
.ui.large.menu .item > .input input,
.ui.large.menu .item > input[type="text"] {
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.ui.large.menu .ui.input > .icon {
padding-top: 0.3em;
.ui.large.menu:not(.vertical) .item > .input input {
top: -0.125em;
padding-bottom: 0.6em;
padding-top: 0.6em;
}
.ui.large.menu .dropdown.item .item {
font-size: 1rem;

3
build/uncompressed/elements/input.css
View File

@ -17,6 +17,7 @@
.ui.input {
display: inline-block;
position: relative;
color: rgba(0, 0, 0, 0.7);
}
.ui.input input {
width: 100%;
@ -132,7 +133,7 @@
margin: 0em;
width: 2.6em;
height: 100%;
padding-top: 0.85em;
padding-top: 0.82em;
text-align: center;
-webkit-border-radius: 0em 0.3125em 0.3125em 0em;
-moz-border-radius: 0em 0.3125em 0.3125em 0em;

38
rtl/less/collections/menu.less
View File

@ -259,30 +259,23 @@
Inputs
---------------*/
.ui.menu .item > .input,
.ui.menu .item > .input input {
.ui.menu:not(.vertical) .item > .input {
margin-top: -0.83em;
margin-bottom: -0.83em;
padding-top: 0.3em;
padding-bottom: 0.3em;
width: 100%;
}
.ui.menu .ui.input > .icon {
padding-top: 0.1em;
height: auto;
}
.ui.menu .item > .input input,
.ui.menu .item > input[type="text"] {
position: relative;
margin: -0.45em 0em;
.ui.menu .item > .input input {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input[type="text"] {
top: 0em;
.ui.vertical.menu .item > .input input {
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
top: 0px;
padding-top: 0.63em;
}
@ -817,8 +810,6 @@
}
.ui.secondary.menu .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: transparent;
border: none;
}
@ -1782,6 +1773,10 @@
.ui.small.menu .item {
font-size: 0.875rem;
}
.ui.small.menu:not(.vertical) .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.ui.small.vertical.menu {
width: 13rem;
}
@ -1800,13 +1795,10 @@
.ui.large.menu .item .item {
font-size: 0.875rem;
}
.ui.large.menu .item > .input input,
.ui.large.menu .item > input[type="text"] {
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.ui.large.menu .ui.input > .icon {
padding-top: 0.3em;
.ui.large.menu:not(.vertical) .item > .input input {
top: -0.125em;
padding-bottom: 0.6em;
padding-top: 0.6em;
}
.ui.large.menu .dropdown.item .item {
font-size: 1rem;

4
rtl/less/elements/input.less
View File

@ -22,6 +22,8 @@
.ui.input {
display: inline-block;
position: relative;
color: rgba(0, 0, 0, 0.7);
}
.ui.input input {
width: 100%;
@ -188,7 +190,7 @@
width: 2.6em;
height: 100%;
padding-top: 0.85em;
padding-top: 0.82em;
text-align: center;

2
rtl/minified/collections/menu.min.css
View File

File diff suppressed because one or more lines are too long

2
rtl/minified/elements/input.min.css
View File

@ -1 +1 @@
.ui.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.85em 1.2em;font-size:.875em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.loading.input>.icon{background:url(../images/loader-mini.gif) no-repeat 50% 50%}.ui.loading.input>.icon:before,.ui.loading.input>.icon:after{display:none}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:snow;border-color:#E7BEBE;color:#D95C5C}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.transparent.input input{border:0;background-color:transparent}.ui.icon.input>.icon{cursor:default;position:absolute;opacity:.5;top:0;left:0;margin:0;width:2.6em;height:100%;padding-top:.85em;text-align:center;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input>.link.icon{cursor:pointer}.ui.icon.input input{padding-left:3em!important}.ui.icon.input>.circular.icon{top:.35em;left:.5em}.ui.left.icon.input>.icon{left:auto;right:1px;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em}.ui.left.icon.input>.circular.icon{left:auto 0;right:.5em}.ui.left.icon.input>input{padding-right:3em!important;padding-left:1.2em!important}.ui.icon.input>input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;left:1px;-webkit-border-top-left-radius:.3125em;-moz-border-top-left-radius:.3125em;border-top-left-radius:.3125em}.ui.labeled.input input{padding-left:2.5em!important}.ui.labeled.icon.input:not(.left)>input{padding-left:3.25em!important}.ui.labeled.icon.input:not(.left)>.icon{margin-left:.75em}.ui.action.input{display:table}.ui.action.input>input{display:table-cell;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:0}.ui.action.input>.button{display:table-cell;opacity:.9;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;white-space:nowrap}.ui.action.input>.button>.icon{display:inline}.ui.action.input>input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset}.ui.fluid.input{display:block}.ui.mini.input{font-size:.8125rem}.ui.tiny.input{font-size:.875rem}.ui.small.input{font-size:.875rem}.ui.input{font-size:1rem}.ui.large.input{font-size:1.125rem}.ui.big.input{font-size:1.25rem}.ui.huge.input{font-size:1.375rem}.ui.massive.input{font-size:1.5rem}
.ui.input{display:inline-block;position:relative;color:rgba(0,0,0,.7)}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.85em 1.2em;font-size:.875em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.loading.input>.icon{background:url(../images/loader-mini.gif) no-repeat 50% 50%}.ui.loading.input>.icon:before,.ui.loading.input>.icon:after{display:none}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:snow;border-color:#E7BEBE;color:#D95C5C}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.transparent.input input{border:0;background-color:transparent}.ui.icon.input>.icon{cursor:default;position:absolute;opacity:.5;top:0;left:0;margin:0;width:2.6em;height:100%;padding-top:.82em;text-align:center;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input>.link.icon{cursor:pointer}.ui.icon.input input{padding-left:3em!important}.ui.icon.input>.circular.icon{top:.35em;left:.5em}.ui.left.icon.input>.icon{left:auto;right:1px;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em}.ui.left.icon.input>.circular.icon{left:auto 0;right:.5em}.ui.left.icon.input>input{padding-right:3em!important;padding-left:1.2em!important}.ui.icon.input>input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;left:1px;-webkit-border-top-left-radius:.3125em;-moz-border-top-left-radius:.3125em;border-top-left-radius:.3125em}.ui.labeled.input input{padding-left:2.5em!important}.ui.labeled.icon.input:not(.left)>input{padding-left:3.25em!important}.ui.labeled.icon.input:not(.left)>.icon{margin-left:.75em}.ui.action.input{display:table}.ui.action.input>input{display:table-cell;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:0}.ui.action.input>.button{display:table-cell;opacity:.9;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;white-space:nowrap}.ui.action.input>.button>.icon{display:inline}.ui.action.input>input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset}.ui.fluid.input{display:block}.ui.mini.input{font-size:.8125rem}.ui.tiny.input{font-size:.875rem}.ui.small.input{font-size:.875rem}.ui.input{font-size:1rem}.ui.large.input{font-size:1.125rem}.ui.big.input{font-size:1.25rem}.ui.huge.input{font-size:1.375rem}.ui.massive.input{font-size:1.5rem}

41
rtl/packaged/css/semantic.css
View File

@ -1287,30 +1287,23 @@ body > .ui.grid {
/*--------------
Inputs
---------------*/
.ui.menu .item > .input,
.ui.menu .item > .input input {
.ui.menu:not(.vertical) .item > .input {
margin-top: -0.83em;
margin-bottom: -0.83em;
padding-top: 0.3em;
padding-bottom: 0.3em;
width: 100%;
}
.ui.menu .ui.input > .icon {
padding-top: 0.1em;
height: auto;
}
.ui.menu .item > .input input,
.ui.menu .item > input[type="text"] {
position: relative;
margin: -0.45em 0em;
.ui.menu .item > .input input {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input[type="text"] {
top: 0em;
.ui.vertical.menu .item > .input input {
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
top: 0px;
padding-top: 0.63em;
}
/*--------------
@ -1747,8 +1740,6 @@ body > .ui.grid {
display: none !important;
}
.ui.secondary.menu .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: transparent;
border: none;
}
@ -2535,6 +2526,10 @@ body > .ui.grid {
.ui.small.menu .item {
font-size: 0.875rem;
}
.ui.small.menu:not(.vertical) .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.ui.small.vertical.menu {
width: 13rem;
}
@ -2550,13 +2545,10 @@ body > .ui.grid {
.ui.large.menu .item .item {
font-size: 0.875rem;
}
.ui.large.menu .item > .input input,
.ui.large.menu .item > input[type="text"] {
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.ui.large.menu .ui.input > .icon {
padding-top: 0.3em;
.ui.large.menu:not(.vertical) .item > .input input {
top: -0.125em;
padding-bottom: 0.6em;
padding-top: 0.6em;
}
.ui.large.menu .dropdown.item .item {
font-size: 1rem;
@ -7150,6 +7142,7 @@ img.ui.image {
.ui.input {
display: inline-block;
position: relative;
color: rgba(0, 0, 0, 0.7);
}
.ui.input input {
width: 100%;
@ -7265,7 +7258,7 @@ img.ui.image {
margin: 0em;
width: 2.6em;
height: 100%;
padding-top: 0.85em;
padding-top: 0.82em;
text-align: center;
-webkit-border-radius: 0.3125em 0em 0em 0.3125em;
-moz-border-radius: 0.3125em 0em 0em 0.3125em;

6
rtl/packaged/css/semantic.min.css
View File

File diff suppressed because one or more lines are too long

2
rtl/packaged/javascript/semantic.min.js
View File

File diff suppressed because one or more lines are too long

38
rtl/uncompressed/collections/menu.css
View File

@ -180,30 +180,23 @@
/*--------------
Inputs
---------------*/
.ui.menu .item > .input,
.ui.menu .item > .input input {
.ui.menu:not(.vertical) .item > .input {
margin-top: -0.83em;
margin-bottom: -0.83em;
padding-top: 0.3em;
padding-bottom: 0.3em;
width: 100%;
}
.ui.menu .ui.input > .icon {
padding-top: 0.1em;
height: auto;
}
.ui.menu .item > .input input,
.ui.menu .item > input[type="text"] {
position: relative;
margin: -0.45em 0em;
.ui.menu .item > .input input {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input[type="text"] {
top: 0em;
.ui.vertical.menu .item > .input input {
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
top: 0px;
padding-top: 0.63em;
}
/*--------------
@ -640,8 +633,6 @@
display: none !important;
}
.ui.secondary.menu .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: transparent;
border: none;
}
@ -1428,6 +1419,10 @@
.ui.small.menu .item {
font-size: 0.875rem;
}
.ui.small.menu:not(.vertical) .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.ui.small.vertical.menu {
width: 13rem;
}
@ -1443,13 +1438,10 @@
.ui.large.menu .item .item {
font-size: 0.875rem;
}
.ui.large.menu .item > .input input,
.ui.large.menu .item > input[type="text"] {
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.ui.large.menu .ui.input > .icon {
padding-top: 0.3em;
.ui.large.menu:not(.vertical) .item > .input input {
top: -0.125em;
padding-bottom: 0.6em;
padding-top: 0.6em;
}
.ui.large.menu .dropdown.item .item {
font-size: 1rem;

3
rtl/uncompressed/elements/input.css
View File

@ -17,6 +17,7 @@
.ui.input {
display: inline-block;
position: relative;
color: rgba(0, 0, 0, 0.7);
}
.ui.input input {
width: 100%;
@ -132,7 +133,7 @@
margin: 0em;
width: 2.6em;
height: 100%;
padding-top: 0.85em;
padding-top: 0.82em;
text-align: center;
-webkit-border-radius: 0.3125em 0em 0em 0.3125em;
-moz-border-radius: 0.3125em 0em 0em 0.3125em;

2
server/documents/collections/menu.html.eco
View File

@ -32,7 +32,7 @@ type : 'UI Collection'
</a>
<a class="item">
<i class="mail icon"></i> Messages
</a>1
</a>
<div class="right menu">
<div class="item">
<div class="ui icon input">

25
src/collections/menu.less
View File

@ -259,34 +259,23 @@
Inputs
---------------*/
.ui.menu .item > .input,
.ui.menu .item > .input input {
.ui.menu:not(.vertical) .item > .input {
margin-top: -0.83em;
margin-bottom: -0.83em;
padding-top: 0.3em;
padding-bottom: 0.3em;
width: 100%;
}
.ui.vertical.menu .item > .input,
.ui.vertical.menu .item > .input input {
margin-top: 0em;
margin-bottom: 0em;
}
.ui.menu .ui.input > .icon {
padding-top: 0em;
}
.ui.menu .item > .input input {
position: relative;
top: -0.075em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ui.vertical.menu .item > .input input {
top: 0em;
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .ui.input > .icon {
top: 0px;
padding-top: 0.63em;
}
@ -766,10 +755,12 @@
}
.ui.pagination.menu .item {
min-width: 2.7em;
min-height: 2.7em;
min-width: 3em;
text-align: center;
}
.ui.pagination.menu .icon.item .icon {
vertical-align: top;
}
.ui.pagination.menu.floated {
display: block;
}
@ -821,8 +812,6 @@
}
.ui.secondary.menu .item > .input input {
padding-top: 0.4em;
padding-bottom: 0.4em;
background-color: transparent;
border: none;
}

2
src/elements/input.less
View File

@ -190,7 +190,7 @@
width: 2.6em;
height: 100%;
padding-top: 0.85em;
padding-top: 0.82em;
text-align: center;

Write Preview
Loading…
Cancel
Save