Updates padding in grid to be based on EM not percentage, fixes for minheight in menu, fixes to item top margin

build/minified/collections/message.min.css

@@ -1 +1 @@
-.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.message .header{margin:0 0 .5em;font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 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}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
+.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.message .header{margin:0;font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 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}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

build/minified/collections/table.min.css

@@ -1 +1 @@
-.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table th,.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;background-color:rgba(0,0,0,.05);text-align:left;color:rgba(0,0,0,.5);padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,50,.02)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(0,0,0,.8)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;white-space:nowrap}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.05)}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.8;margin:0 0 0 .5em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:text-top}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table th{background-color:rgba(0,0,0,.15);color:rgba(255,255,255,.9)}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.basic.table th{background-color:transparent;padding:.5em;font-weight:400}.ui.basic.table tbody tr{border-bottom:1px solid rgba(0,0,0,.05)}.ui.basic.table td{padding:.8em .5em}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px}
+.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table th,.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;background-color:rgba(0,0,0,.05);text-align:left;color:rgba(0,0,0,.5);padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,50,.02)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(0,0,0,.8)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;white-space:nowrap}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.05)}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.8;margin:0 0 0 .5em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:text-top}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table th{background-color:rgba(0,0,0,.15);color:rgba(255,255,255,.9)}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.basic.table th{background-color:transparent;padding:.5em;font-weight:400}.ui.basic.table tbody tr{border-bottom:1px solid rgba(0,0,0,.05)}.ui.basic.table td{padding:.8em .5em}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:.875em}.ui.table{font-size:1em}.ui.large.table{font-size:1.1em}

build/minified/elements/input.min.css

@@ -1 +1 @@
-.ui.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.9em 1.2em;font-size:.825em;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.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:#FFFAFA;border-color:#E7BEBE;color:#EF4D6D}.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.icon.input>.icon{position:absolute;opacity:1;top:1px;left:1px;margin:0;border-right:1px solid rgba(0,0,0,.1);background-color:#E8E8E8;width:2.5em;height:2.5em;padding-top:.75em;text-align:center;-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;-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 input{padding-left:4em!important;border-right:1px solid rgba(0,0,0,.3)}.ui.icon.input input.error,.ui.icon.input input.focus,.ui.icon.input input:focus{border-left-width:1px;-webkit-border-radius:.3125em!important;-moz-border-radius:.3125em!important;border-radius:.3125em!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.icon.input input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.7em;-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.action.input .button{position:absolute;top:0;left:100%;opacity:.9;margin:0 0 0 -1px;line-height:1.26;padding:.9em 1.3em!important;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;font-size:.85em;white-space:nowrap}.ui.action.input input{border-top-right-radius:0;border-bottom-right-radius:0}.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.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.9em 1.2em;font-size:.825em;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.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:#FFFAFA;border-color:#E7BEBE;color:#EF4D6D}.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{position:absolute;opacity:.5;top:1px;right:1px;margin:0;width:2.5em;height:2.5em;padding-top:.75em;text-align:center;-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;-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 input{padding-right:3em!important}.ui.left.icon.input .icon{right:auto;left:1px}.ui.left.icon.input input{padding-left:3em!important}.ui.icon.input input.error,.ui.icon.input input.focus,.ui.icon.input input:focus{border-left-width:1px;-webkit-border-radius:.3125em!important;-moz-border-radius:.3125em!important;border-radius:.3125em!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.icon.input input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.7em;-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.action.input .button{position:absolute;top:0;left:100%;opacity:.9;margin:0 0 0 -1px;line-height:1.26;padding:.9em 1.3em!important;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;font-size:.85em;white-space:nowrap}.ui.action.input input{border-top-right-radius:0;border-bottom-right-radius:0}.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}

build/uncompressed/collections/grid.css

@@ -16,7 +16,7 @@
   display: block;
   text-align: left;
   font-size: 0em;
-  margin: 0% -1%;
+  margin: 0% -0.75rem;
   padding: 0%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -39,8 +39,8 @@
   display: inline-block;
   text-align: left;
   font-size: 1rem;
-  padding-left: 1%;
-  padding-right: 1%;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
@@ -76,8 +76,8 @@
     Grids in Grids
 --------------------*/
 .ui.grid .column > .grid {
-  margin-left: -1.333%;
-  margin-right: -1.333%;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
 }
 /*******************************
            Variations
@@ -361,7 +361,7 @@
 .ui.celled.grid > .column,
 .ui.celled.grid > .row > .column {
   display: table-cell;
-  padding: 1.33%;
+  padding: 0.75rem;
   -webkit-box-shadow: -1px 0px 0px 0px #dfdfdf;
   -moz-box-shadow: -1px 0px 0px 0px #dfdfdf;
   box-shadow: -1px 0px 0px 0px #dfdfdf;

build/uncompressed/collections/menu.css

@@ -127,6 +127,9 @@
   margin: -0.75em -0.95em;
   padding: 0.75em 0.95em;
 }
+.ui.menu .menu {
+  margin: 0em;
+}
 .ui.menu .menu.left,
 .ui.menu .item.left {
   float: left;
@@ -309,7 +312,7 @@
   background-color: transparent;
 }
 /*--------------------
-     Loading 
+     Loading
 ---------------------*/
 /* On Form */
 .ui.menu.loading {
@@ -465,27 +468,27 @@
 /*--- Light Colors  ---*/
 .ui.menu .green.active.item,
 .ui.green.menu .active.item {
-  border-color: #A1CF64;
+  border-color: #A1CF64 !important;
 }
 .ui.menu .red.active.item,
 .ui.red.menu .active.item {
-  border-color: #EF4D6D;
+  border-color: #EF4D6D !important;
 }
 .ui.menu .blue.active.item,
 .ui.blue.menu .active.item {
-  border-color: #6ECFF5;
+  border-color: #6ECFF5 !important;
 }
 .ui.menu .purple.active.item,
 .ui.purple.menu .active.item {
-  border-color: #564F8A;
+  border-color: #564F8A !important;
 }
 .ui.menu .orange.active.item,
 .ui.orange.menu .active.item {
-  border-color: #F05940;
+  border-color: #F05940 !important;
 }
 .ui.menu .teal.active.item,
 .ui.teal.menu .active.item {
-  border-color: #00B5AD;
+  border-color: #00B5AD !important;
 }
 /*--------------
     Pagination
@@ -669,7 +672,7 @@
 ---------------*/
 .ui.text.menu {
   background-color: transparent;
-  margin: 0rem -1rem;
+  margin: 1rem -1rem;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
@@ -1235,30 +1238,16 @@
 .ui.vertical.menu .item {
   min-height: 0em !important;
 }
-.ui.tiny.menu .item {
-  font-size: 0.875rem;
-  padding: 0.5em 0.75em;
-}
-.ui.tiny.menu .item > a {
-  display: block;
-  margin: -0.5em -0.75em;
-  padding: 0.5em 0.75em;
-}
-.ui.tiny.vertical.menu {
-  width: 9rem;
-}
 .ui.small.menu .item {
   font-size: 0.875rem;
-  /*  min-height: 2.25rem;*/
-
+  min-height: 2.25rem;
 }
 .ui.small.vertical.menu {
   width: 13rem;
 }
 .ui.menu .item {
   font-size: 1rem;
-  /*  min-height: 2.5em;*/
-
+  min-height: 2.5em;
 }
 .ui.vertical.menu {
   width: 15rem;

build/uncompressed/collections/message.css

@@ -35,7 +35,7 @@
 ---------------*/
 /* block with headers */
 .ui.message .header {
-  margin: 0em 0em 0.5em;
+  margin: 0em;
   font-size: 1.33em;
   font-weight: bold;
 }

build/uncompressed/collections/table.css

@@ -324,13 +324,13 @@
 ---------------*/
 /* Small */
 .ui.small.table {
-  font-size: 14px;
+  font-size: 0.875em;
 }
 /* Standard */
 .ui.table {
-  font-size: 16px;
+  font-size: 1em;
 }
 /* Large */
 .ui.large.table {
-  font-size: 18px;
+  font-size: 1.1em;
 }

build/uncompressed/elements/button.css

@@ -223,7 +223,7 @@
 .ui.button.loading.hover {
   position: relative;
   cursor: default;
-  background-color: #F3F3F3;
+  background-color: #F3F3F3 !important;
   color: transparent !important;
   text-shadow: none !important;
   background-image: none !important;
@@ -242,7 +242,7 @@
   width: 100%;
   height: 100%;
   content: '';
-  background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
+  background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
 }
 /*-------------------
       Disabled

build/uncompressed/elements/input.css

@@ -104,17 +104,22 @@
 /*******************************
            Variations
 *******************************/
+/*--------------------
+      Transparent
+---------------------*/
+.ui.transparent.input input {
+  border: none;
+  background-color: transparent;
+}
 /*--------------------
          Icon
 ---------------------*/
 .ui.icon.input > .icon {
   position: absolute;
-  opacity: 1;
+  opacity: 0.5;
   top: 1px;
-  left: 1px;
+  right: 1px;
   margin: 0em;
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: #E8E8E8;
   width: 2.5em;
   height: 2.5em;
   padding-top: 0.75em;
@@ -133,8 +138,14 @@
   transition: opacity 0.3s ease-out;
 }
 .ui.icon.input input {
-  padding-left: 4em !important;
-  border-right: 1px solid rgba(0, 0, 0, 0.3);
+  padding-right: 3em !important;
+}
+.ui.left.icon.input .icon {
+  right: auto;
+  left: 1px;
+}
+.ui.left.icon.input input {
+  padding-left: 3em !important;
 }
 /* Focus */
 .ui.icon.input input.error,

build/uncompressed/views/item.css

@@ -15,6 +15,15 @@
 /*--------------
       Items
 ---------------*/
+.ui.items {
+  margin: 1em 0em;
+}
+.ui.items:first-child {
+  margin-top: 0em;
+}
+.ui.items:last-child {
+  margin-bottom: 0em;
+}
 /* Force Clearing */
 .ui.items:after {
   display: block;
@@ -35,7 +44,7 @@
   top: 0px;
   width: 316px;
   min-height: 375px;
-  margin: 1em 0.5em 2.5em;
+  margin: 0em 0.5em 2.5em;
   padding: 0em;
   background-color: #FFFFFF;
   line-height: 1.2;

node/src/documents/collections/grid.html

@@ -21,91 +21,24 @@ type   : 'UI Collection'
   
   <div class="highlighted example">
     <h4 class="ui header">Grid</h4>
-    <p>A grid is made up of columns of content. By default a grid must assume a certain number of columns.</p>
-    <p>Each set of columns matching up to the number of columns in a grid create a row.</p>
+    <p>A grid is made up of columns of content.</p>
     
-    <div class="ui ignore green message"><i class="icon heart"></i> <b>Column Count</b> <p>All grid systems must assume an arbitrary amount of column rows. Semantic by default assumes <b>16 columns</b></div>
-    <div class="ui ignore warning message"><i class="icon info circle"></i> <b>Using Grids</b>
-    <p>It is important to note, that padding is applied directly to columns, which means other ui elements should not be used in combination with column, but directly as children.</div>
+    <div class="ui ignore green message"><i class="icon heart"></i>All grid systems must assume an arbitrary amount of column rows. Semantic by default assumes <b>16 columns</b></div>
     <div class="ui grid">
-      <div class="column">
+      <div class="four wide column">
         <div class="ui segment">
-          1
         </div>
       </div>
-      <div class="column">
+      <div class="four wide column">
         <div class="ui segment">
-          2
         </div>
       </div>
-      <div class="column">
+      <div class="four wide column">
         <div class="ui segment">
-          3
         </div>
       </div>
-      <div class="column">
+      <div class="four wide column">
         <div class="ui segment">
-          4
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          5
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          6
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          7
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          8
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          9
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          10
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          11
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          12
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          13
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          14
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          15
-        </div>
-      </div>
-      <div class="column">
-        <div class="ui segment">
-          16
         </div>
       </div>
     </div>
@@ -116,6 +49,9 @@ type   : 'UI Collection'
     <h4 class="ui header">Page Grid</h4>
     <p>A page grid is a grid that exists on the top level of a website and includes gutters to the left and right.</p>
     
+    <div class="ui ignore warning message"><i class="icon info circle"></i>
+    It is important to note, that padding is applied directly to columns, which means other ui elements should not be used in combination with column, but directly as children.</div>
+    
     <div class="ui two column page grid">
       <div class="column">
         <div class="ui labeled vertical fluid inverted icon menu">
@@ -150,164 +86,164 @@ type   : 'UI Collection'
       <div class="row">
         <div class="column">
           <div class="ui segment">
-            1a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            2a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            3a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            4a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            5a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            6a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            7a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            8a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            9a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            10a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            11a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            12a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            13a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            14a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            15a
+            A
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            16a
+            A
           </div>
         </div>
       </div>
       <div class="row">
         <div class="column">
           <div class="ui segment">
-            1b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            2b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            3b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            4b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            5b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            6b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            7b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            8b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            9b
+           B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            10b
+            B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            11b
+            B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            12b
+            B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            13b
+            B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            14b
+            B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            15b
+            B
           </div>
         </div>
         <div class="column">
           <div class="ui segment">
-            16b
+            B
           </div>
         </div>
       </div>

node/src/documents/collections/menu.html

@@ -75,7 +75,7 @@ type   : 'UI Collection'
       <div class="item">
         <div class="ui input"><input type="text" placeholder="Search..."></div>
       </div>
-      <div class="ui simple right arrow">
+      <div class="ui simple dropdown item">
         More <i class="icon right triangle"></i>
         <div class="menu">
           <a class="item"><i class="edit icon"></i> Edit Profile</a>
@@ -773,7 +773,7 @@ type   : 'UI Collection'
         Site Title
       </div>
       <div class="active item">
-        <a>Current section</a>
+        Current section
       </div>
       <div class="right menu">
         <div class="ui simple dropdown item">
@@ -799,7 +799,7 @@ type   : 'UI Collection'
         Site Title
       </div>
       <div class="active item">
-        <a>Current section</a>
+        Current section
       </div>
       <div class="item">
         <a>Another section</a>
@@ -811,7 +811,7 @@ type   : 'UI Collection'
         Site Title
       </div>
       <div class="active item">
-        <a>Current section</a>
+        Current section
       </div>
       <div class="ui simple dropdown item">
         Dropdown <i class="icon dropdown"></i>
@@ -830,7 +830,7 @@ type   : 'UI Collection'
         Site Title
       </div>
       <div class="active item">
-        <a>Current section</a>
+        Current section
       </div>
       <div class="item">
         <a>Grouped Section</a>
@@ -855,7 +855,7 @@ type   : 'UI Collection'
         Site Title
       </div>
       <div class="active item">
-        <a>Current section</a>
+        Current section
       </div>
       <div class="item">
         <a>Grouped Section</a>

node/src/documents/elements/input.html

@@ -70,10 +70,11 @@ type   : 'UI Element'
       <input type="text" placeholder="Search...">
       <i class="icon search"></i>
     </div>
-    <br><br>
-    <div class="ui icon input">
+  </div>
+  <div class="another example">
+    <div class="ui left icon input">
       <input type="text" placeholder="Search users...">
-      <i class="icon blue inverted users"></i>
+      <i class="icon users"></i>
     </div>
   </div>
   

node/src/documents/specification/styleguide.html

@@ -45,6 +45,19 @@ type   : 'UI Specification'
     }
     </div>
 
+    <h4 class="ui header">Margins</h4>
+    <p>Adding default margins to your content allow for it to have vertical rhythm in a page, but be careful about forcing margin in all circumstances. Here's a useful way to make sure content inside container elements doesn't receieve unnecessary padding.</p> 
+    <div class="code" data-type="css">
+    .ui.thingy {
+      margin: 1em 0em;
+    }
+    .ui.thingy:first-child {
+      margin-top: 0em;
+    }
+    .ui.thingy:last-child {
+      margin-bottom: 0em;
+    }
+    </div>
 
     <h4 class="ui header">Commonality</h4>
     <p>Try to use the most obvious names for classes. If you're not sure, prototype the element, then ask a friend or two what they would call it.<p>

node/src/files/components/semantic/collections/grid.css

@@ -16,7 +16,7 @@
   display: block;
   text-align: left;
   font-size: 0em;
-  margin: 0% -1%;
+  margin: 0% -0.75rem;
   padding: 0%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -39,8 +39,8 @@
   display: inline-block;
   text-align: left;
   font-size: 1rem;
-  padding-left: 1%;
-  padding-right: 1%;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
@@ -76,8 +76,8 @@
     Grids in Grids
 --------------------*/
 .ui.grid .column > .grid {
-  margin-left: -1.333%;
-  margin-right: -1.333%;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
 }
 /*******************************
            Variations
@@ -361,7 +361,7 @@
 .ui.celled.grid > .column,
 .ui.celled.grid > .row > .column {
   display: table-cell;
-  padding: 1.33%;
+  padding: 0.75rem;
   -webkit-box-shadow: -1px 0px 0px 0px #dfdfdf;
   -moz-box-shadow: -1px 0px 0px 0px #dfdfdf;
   box-shadow: -1px 0px 0px 0px #dfdfdf;

node/src/files/components/semantic/collections/menu.css

@@ -127,6 +127,9 @@
   margin: -0.75em -0.95em;
   padding: 0.75em 0.95em;
 }
+.ui.menu .menu {
+  margin: 0em;
+}
 .ui.menu .menu.left,
 .ui.menu .item.left {
   float: left;
@@ -309,7 +312,7 @@
   background-color: transparent;
 }
 /*--------------------
-     Loading 
+     Loading
 ---------------------*/
 /* On Form */
 .ui.menu.loading {
@@ -465,27 +468,27 @@
 /*--- Light Colors  ---*/
 .ui.menu .green.active.item,
 .ui.green.menu .active.item {
-  border-color: #A1CF64;
+  border-color: #A1CF64 !important;
 }
 .ui.menu .red.active.item,
 .ui.red.menu .active.item {
-  border-color: #EF4D6D;
+  border-color: #EF4D6D !important;
 }
 .ui.menu .blue.active.item,
 .ui.blue.menu .active.item {
-  border-color: #6ECFF5;
+  border-color: #6ECFF5 !important;
 }
 .ui.menu .purple.active.item,
 .ui.purple.menu .active.item {
-  border-color: #564F8A;
+  border-color: #564F8A !important;
 }
 .ui.menu .orange.active.item,
 .ui.orange.menu .active.item {
-  border-color: #F05940;
+  border-color: #F05940 !important;
 }
 .ui.menu .teal.active.item,
 .ui.teal.menu .active.item {
-  border-color: #00B5AD;
+  border-color: #00B5AD !important;
 }
 /*--------------
     Pagination
@@ -669,7 +672,7 @@
 ---------------*/
 .ui.text.menu {
   background-color: transparent;
-  margin: 0rem -1rem;
+  margin: 1rem -1rem;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
@@ -1235,30 +1238,16 @@
 .ui.vertical.menu .item {
   min-height: 0em !important;
 }
-.ui.tiny.menu .item {
-  font-size: 0.875rem;
-  padding: 0.5em 0.75em;
-}
-.ui.tiny.menu .item > a {
-  display: block;
-  margin: -0.5em -0.75em;
-  padding: 0.5em 0.75em;
-}
-.ui.tiny.vertical.menu {
-  width: 9rem;
-}
 .ui.small.menu .item {
   font-size: 0.875rem;
-  /*  min-height: 2.25rem;*/
-
+  min-height: 2.25rem;
 }
 .ui.small.vertical.menu {
   width: 13rem;
 }
 .ui.menu .item {
   font-size: 1rem;
-  /*  min-height: 2.5em;*/
-
+  min-height: 2.5em;
 }
 .ui.vertical.menu {
   width: 15rem;

node/src/files/components/semantic/collections/message.css

@@ -35,7 +35,7 @@
 ---------------*/
 /* block with headers */
 .ui.message .header {
-  margin: 0em 0em 0.5em;
+  margin: 0em;
   font-size: 1.33em;
   font-weight: bold;
 }

node/src/files/components/semantic/collections/table.css

@@ -324,13 +324,13 @@
 ---------------*/
 /* Small */
 .ui.small.table {
-  font-size: 14px;
+  font-size: 0.875em;
 }
 /* Standard */
 .ui.table {
-  font-size: 16px;
+  font-size: 1em;
 }
 /* Large */
 .ui.large.table {
-  font-size: 18px;
+  font-size: 1.1em;
 }

node/src/files/components/semantic/elements/button.css

@@ -223,7 +223,7 @@
 .ui.button.loading.hover {
   position: relative;
   cursor: default;
-  background-color: #F3F3F3;
+  background-color: #F3F3F3 !important;
   color: transparent !important;
   text-shadow: none !important;
   background-image: none !important;
@@ -242,7 +242,7 @@
   width: 100%;
   height: 100%;
   content: '';
-  background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
+  background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
 }
 /*-------------------
       Disabled

node/src/files/components/semantic/elements/input.css

@@ -104,17 +104,22 @@
 /*******************************
            Variations
 *******************************/
+/*--------------------
+      Transparent
+---------------------*/
+.ui.transparent.input input {
+  border: none;
+  background-color: transparent;
+}
 /*--------------------
          Icon
 ---------------------*/
 .ui.icon.input > .icon {
   position: absolute;
-  opacity: 1;
+  opacity: 0.5;
   top: 1px;
-  left: 1px;
+  right: 1px;
   margin: 0em;
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: #E8E8E8;
   width: 2.5em;
   height: 2.5em;
   padding-top: 0.75em;
@@ -133,8 +138,14 @@
   transition: opacity 0.3s ease-out;
 }
 .ui.icon.input input {
-  padding-left: 4em !important;
-  border-right: 1px solid rgba(0, 0, 0, 0.3);
+  padding-right: 3em !important;
+}
+.ui.left.icon.input .icon {
+  right: auto;
+  left: 1px;
+}
+.ui.left.icon.input input {
+  padding-left: 3em !important;
 }
 /* Focus */
 .ui.icon.input input.error,

node/src/files/components/semantic/views/item.css

@@ -15,6 +15,15 @@
 /*--------------
       Items
 ---------------*/
+.ui.items {
+  margin: 1em 0em;
+}
+.ui.items:first-child {
+  margin-top: 0em;
+}
+.ui.items:last-child {
+  margin-bottom: 0em;
+}
 /* Force Clearing */
 .ui.items:after {
   display: block;
@@ -35,7 +44,7 @@
   top: 0px;
   width: 316px;
   min-height: 375px;
-  margin: 1em 0.5em 2.5em;
+  margin: 0em 0.5em 2.5em;
   padding: 0em;
   background-color: #FFFFFF;
   line-height: 1.2;

node/src/files/overrides/card.css

@@ -120,21 +120,6 @@
 .ui.cards .card.voted .vote.corner.label,
 .ui.voted.card .vote.corner.label {
   opacity: 1;
-
-  -webkit-animation-duration: 1s;
-  -moz-animation-duration: 1s;
-  -o-animation-duration: 1s;
-  animation-duration: 1s;
-
-  -webkit-animation-fill-mode: both;
-  -moz-animation-fill-mode: both;
-  -o-animation-fill-mode: both;
-  animation-fill-mode: both;
-
-  -webkit-animation-name: card-appear;
-  -moz-animation-name: card-appear;
-  -o-animation-name: card-appear;
-  animation-name: card-appear;
 }
 
 /*******************************
@@ -165,38 +150,3 @@
          Transitions
 *******************************/
 
-@-webkit-keyframes card-appear { 
-0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0.0,0.0) rotate(360deg); }
-20% { opacity: 1; -webkit-transform-origin: 0% 100%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
-40% { opacity: 1; -webkit-transform-origin: 100% 100%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
-60% { opacity: 1; -webkit-transform-origin: 100%% 0%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
-80% { opacity: 1; -webkit-transform-origin: 0% 0%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
-100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1.0,1.0) rotate(0deg); }
-}
-
-@-moz-keyframes card-appear {
-0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(0.0,0.0) rotate(360deg); }
-20% { opacity: 1; -moz-transform-origin: 0% 100%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
-40% { opacity: 1; -moz-transform-origin: 100% 100%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
-60% { opacity: 1; -moz-transform-origin: 100%% 0%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
-80% { opacity: 1; -moz-transform-origin: 0% 0%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
-100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1.0,1.0) rotate(0deg); }
-}
-
-@-o-keyframes card-appear { 
-0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(0.0,0.0) rotate(360deg); }
-20% { opacity: 1; -o-transform-origin: 0% 100%; -o-transform: scale(0.5,0.5) rotate(0deg); }
-40% { opacity: 1; -o-transform-origin: 100% 100%; -o-transform: scale(0.5,0.5) rotate(0deg); }
-60% { opacity: 1; -o-transform-origin: 100%% 0%; -o-transform: scale(0.5,0.5) rotate(0deg); }
-80% { opacity: 1; -o-transform-origin: 0% 0%; -o-transform: scale(0.5,0.5) rotate(0deg); }
-100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1.0,1.0) rotate(0deg); }
-}
-
-@keyframes card-appear { 
-0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0.0,0.0) rotate(360deg); }
-20% { opacity: 1; transform-origin: 0% 100%; transform: scale(0.5,0.5) rotate(0deg); }
-40% { opacity: 1; transform-origin: 100% 100%; transform: scale(0.5,0.5) rotate(0deg); }
-60% { opacity: 1; transform-origin: 100%% 0%; transform: scale(0.5,0.5) rotate(0deg); }
-80% { opacity: 1; transform-origin: 0% 0%; transform: scale(0.5,0.5) rotate(0deg); }
-100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1.0,1.0) rotate(0deg); }
-}

node/src/files/overrides/card.js

@@ -155,6 +155,9 @@ $.fn.card = function(parameters) {
           },
           votes: function() {
             return parseInt( $voteCount.html(), 10) || 0;
+          },
+          votesLeft: function() {
+            return settings.maxVotes - module.get.votes();
           }
         },
 
@@ -163,7 +166,7 @@ $.fn.card = function(parameters) {
             module.debug('Setting votes to', count);
             if(count <= settings.maxVotes) {
               $voteCount
-                .html( count )
+                .html( settings.maxVotes - count )
               ;
               $progressBar
                 .css('width', module.get.progress() + '%')
@@ -182,7 +185,6 @@ $.fn.card = function(parameters) {
         toggle: {
           vote: function() {
             module.debug('Toggling user vote');
-            console.log($vote, $(this));
             if( $vote.hasClass(className.active) ) {
               module.add.vote();
             }
@@ -194,7 +196,7 @@ $.fn.card = function(parameters) {
         add: {
           vote: function() {
             module.debug('Adding vote');
-            module.set.votes( module.get.votes()  + 1 );
+            module.set.votes( module.get.votes() + 1 );
             $module
               .addClass(className.voted)
             ;
@@ -267,7 +269,9 @@ $.fn.card = function(parameters) {
           }
         },
         error: function() {
-          module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
+          if(console.log !== undefined) {
+            module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
+          }
         },
         performance: {
           log: function(message) {

node/src/files/stylesheets/semantic.css

@@ -479,10 +479,6 @@ a:hover {
 #example .example .language.label {
   margin: 1em 0em 0.75em;
 }
-#example .example .two.column.grid .column {
-  padding-left: 4%;
-  padding-right: 4%;
-}
 #example .icon.example {
   border-top: none;
 }

node/src/layouts/default.html.eco

@@ -48,7 +48,7 @@
     
   <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/comment.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/feed.css">
-  <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/items.css">
+  <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/item.css">
     
   <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/carousel.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/dropdown.css">

src/collections/grid.less

@@ -19,7 +19,7 @@
   text-align: left;
 
   font-size: 0em;
-  margin: 0% -1%;
+  margin: 0% -0.75rem;
   padding: 0%;
 
   -webkit-box-sizing: border-box;
@@ -47,8 +47,8 @@
   text-align: left;
   font-size: 1rem;
 
-  padding-left: 1%;
-  padding-right: 1%;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -94,13 +94,11 @@
 --------------------*/
 
 .ui.grid .column > .grid {
-  margin-left: -1.333%;
-  margin-right: -1.333%;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
 }
 
 
-
-
 /*******************************
            Variations
 *******************************/
@@ -429,7 +427,7 @@
 .ui.celled.grid > .column,
 .ui.celled.grid > .row > .column {
   display: table-cell;
-  padding: 1.33%;
+  padding: 0.75rem;
   -webkit-box-shadow: -1px 0px 0px 0px #DFDFDF;
   -moz-box-shadow: -1px 0px 0px 0px #DFDFDF;
   box-shadow: -1px 0px 0px 0px #DFDFDF;

src/collections/menu.less

@@ -172,6 +172,10 @@
   padding: 0.75em 0.95em;
 }
 
+.ui.menu .menu {
+  margin: 0em;
+}
+
 .ui.menu .menu.left,
 .ui.menu .item.left {
   float: left;
@@ -413,7 +417,7 @@
 
 
 /*--------------------
-     Loading 
+     Loading
 ---------------------*/
 
 /* On Form */
@@ -611,27 +615,27 @@
 /*--- Light Colors  ---*/
 .ui.menu .green.active.item,
 .ui.green.menu .active.item {
-  border-color: #A1CF64; 
+  border-color: #A1CF64 !important;
 }
 .ui.menu .red.active.item,
 .ui.red.menu .active.item {
-  border-color: #EF4D6D; 
+  border-color: #EF4D6D !important;
 }
 .ui.menu .blue.active.item,
 .ui.blue.menu .active.item {
-  border-color: #6ECFF5; 
+  border-color: #6ECFF5 !important;
 }
 .ui.menu .purple.active.item,
 .ui.purple.menu .active.item {
-  border-color: #564F8A; 
+  border-color: #564F8A !important;
 }
 .ui.menu .orange.active.item,
 .ui.orange.menu .active.item {
-  border-color: #F05940; 
+  border-color: #F05940 !important;
 }
 .ui.menu .teal.active.item,
 .ui.teal.menu .active.item {
-  border-color: #00B5AD;
+  border-color: #00B5AD !important;
 }
 
 /*--------------
@@ -887,7 +891,7 @@
 .ui.text.menu {
   background-color: transparent;
 
-  margin: 0rem -1rem;
+  margin: 1rem -1rem;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
@@ -1044,7 +1048,7 @@
 
   margin: 0em 0.25em;
   padding: 0.5em 1em;
-  
+
   -webkit-border-radius: 0.325em;
   -moz-border-radius: 0.325em;
   border-radius: 0.325em;
@@ -1112,19 +1116,19 @@
   -moz-border-radius: 0em;
   border-radius: 0em;
 
-  -webkit-transition: 
+  -webkit-transition:
     color 0.2s
   ;
-  -moz-transition: 
+  -moz-transition:
     color 0.2s
   ;
-  -o-transition: 
+  -o-transition:
     color 0.2s
   ;
-  -ms-transition: 
+  -ms-transition:
     color 0.2s
   ;
-  transition: 
+  transition:
     color 0.2s
   ;
 }
@@ -1476,7 +1480,7 @@
   border: none;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   border-right: 1px solid rgba(0, 0, 0, 0.1);
- 
+
   background-image: none;
 
   -webkit-transform: rotate(45deg);
@@ -1566,22 +1570,9 @@
   min-height: 0em !important;
 }
 
-.ui.tiny.menu .item {
-  font-size: 0.875rem;
-  padding: 0.5em 0.75em;
-}
-.ui.tiny.menu .item > a {
-  display: block;
-  margin: -0.5em -0.75em;
-  padding: 0.5em 0.75em;
-}
-.ui.tiny.vertical.menu {
-  width: 9rem;
-}
-
 .ui.small.menu .item {
   font-size: 0.875rem;
-/*  min-height: 2.25rem;*/
+  min-height: 2.25rem;
 }
 .ui.small.vertical.menu {
   width: 13rem;
@@ -1589,7 +1580,7 @@
 
 .ui.menu .item {
   font-size: 1rem;
-/*  min-height: 2.5em;*/
+  min-height: 2.5em;
 }
 .ui.vertical.menu {
   width: 15rem;

src/collections/message.less

@@ -69,7 +69,7 @@
 
 /* block with headers */
 .ui.message .header {
-  margin: 0em 0em 0.5em;
+  margin: 0em;
   font-size: 1.33em;
   font-weight: bold;
 }

src/collections/table.less

@@ -376,15 +376,15 @@
 
 /* Small */
 .ui.small.table {
-  font-size: 14px;
+  font-size: 0.875em;
 }
 
 /* Standard */
 .ui.table {
-  font-size: 16px;
+  font-size: 1em;
 }
 
 /* Large */
 .ui.large.table {
-  font-size: 18px;
+  font-size: 1.1em;
 }

src/elements/button.less

@@ -310,7 +310,7 @@
   position: relative;
   cursor: default;
 
-  background-color: #F3F3F3;
+  background-color: #F3F3F3 !important;
   color: transparent !important;
   text-shadow: none !important;
   background-image: none !important;
@@ -330,7 +330,7 @@
   width: 100%;
   height: 100%;
   content: '';
-  background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
+  background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
 }
 
 /*-------------------

src/elements/input.less

@@ -151,20 +151,29 @@
            Variations
 *******************************/
 
+
+/*--------------------
+      Transparent
+---------------------*/
+
+.ui.transparent.input input {
+  border: none;
+  background-color: transparent;
+}
+
+
 /*--------------------
          Icon
 ---------------------*/
 
 .ui.icon.input > .icon {
   position: absolute;
-  opacity: 1;
+  opacity: 0.5;
   top: 1px;
-  left: 1px;
+  right: 1px;
 
   margin: 0em;
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
   
-  background-color: #E8E8E8;
   width: 2.5em;
   height: 2.5em;
   padding-top: 0.75em;
@@ -187,8 +196,15 @@
   transition: opacity 0.3s ease-out;
 }
 .ui.icon.input input {
-  padding-left: 4em !important;
-  border-right: 1px solid rgba(0, 0, 0, 0.3);
+  padding-right: 3em !important;
+}
+
+.ui.left.icon.input .icon {
+  right: auto;
+  left: 1px;
+}
+.ui.left.icon.input input {
+  padding-left: 3em !important;
 }
 
 /* Focus */

src/views/item.less

@@ -20,6 +20,15 @@
       Items
 ---------------*/
 
+.ui.items {
+  margin: 1em 0em;
+}
+.ui.items:first-child {
+  margin-top: 0em;
+}
+.ui.items:last-child {
+  margin-bottom: 0em;
+}
 
 /* Force Clearing */
 .ui.items:after {
@@ -44,7 +53,7 @@
 
   width: 316px;
   min-height: 375px;
-  margin: 1em 0.5em 2.5em;
+  margin: 0em 0.5em 2.5em;
   padding: 0em;
 
   background-color: #FFFFFF;