Browse Source

Fixes bug in activate class on checkbox

Adds tablet,pc, mobile only grids columns and rows
pull/13/head
Jack Lukic 11 years ago
parent
commit
40e44e529e
19 changed files with 467 additions and 86 deletions
  1. 2
      build/minified/collections/grid.min.css
  2. 10
      build/minified/modules/checkbox.js
  3. 2
      build/minified/modules/checkbox.min.js
  4. 2
      build/minified/modules/transition.js
  5. 2
      build/minified/modules/transition.min.js
  6. 10
      build/packaged/modules/checkbox.js
  7. 2
      build/packaged/modules/transition.js
  8. 4
      build/packaged/semantic.min.css
  9. 8
      build/packaged/semantic.min.js
  10. 121
      build/uncompressed/collections/grid.css
  11. 10
      build/uncompressed/modules/checkbox.js
  12. 2
      build/uncompressed/modules/transition.js
  13. 83
      node/src/documents/collections/grid.html
  14. 19
      node/src/documents/modules/checkbox.html
  15. 121
      node/src/files/components/semantic/collections/grid.css
  16. 10
      node/src/files/components/semantic/modules/checkbox.js
  17. 8
      node/src/files/components/semantic/modules/transition.js
  18. 127
      src/collections/grid.less
  19. 10
      src/modules/checkbox.js

2
build/minified/collections/grid.min.css
File diff suppressed because it is too large
View File

10
build/minified/modules/checkbox.js

@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) {
destroy: function() {
module.verbose('Destroying previous module');
$module
.off(namespace)
.off(eventNamespace)
.removeData(moduleNamespace)
;
},
@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) {
enable: function() {
module.debug('Enabling checkbox');
$module
.addClass(className.active)
;
$input
.prop('checked', true)
;
@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) {
disable: function() {
module.debug('Disabling checkbox');
$module
.removeClass(className.active)
;
$input
.prop('checked', false)
;
@ -312,7 +307,6 @@ $.fn.checkbox.settings = {
},
className : {
active : 'active',
radio : 'radio'
}

2
build/minified/modules/checkbox.min.js

@ -1 +1 @@
!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=e.selector||"",h=(new Date).getTime(),i=[],j=arguments[0],k="string"==typeof j,l=[].slice.call(arguments,1);return e.each(function(){var b,e=a(this),m=a(this).next(f.selector.label).first(),n=a(this).find(f.selector.input),o="."+f.namespace,p="module-"+f.namespace,q=e.selector||"",r=this,s=e.data(p),t=f.className,u=f.namespace,v=f.errors;b={initialize:function(){b.verbose("Initializing checkbox"),f.context&&""!==q?(b.verbose("Adding delegated events"),a(r,f.context).on(q,"click"+o,b.toggle).on(q+" + "+f.selector.label,"click"+o,b.toggle)):(e.on("click"+o,b.toggle).data(p,b),m.on("click"+o,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),s=b,e.data(p,b)},destroy:function(){b.verbose("Destroying previous module"),e.off(u)},is:{radio:function(){return e.hasClass(t.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),e.addClass(t.active),n.prop("checked",!0),a.proxy(f.onChange,n.get())(),a.proxy(f.onEnable,n.get())()},disable:function(){b.debug("Disabling checkbox"),e.removeClass(t.active),n.prop("checked",!1),a.proxy(f.onChange,n.get())(),a.proxy(f.onDisable,n.get())()},toggle:function(c){b.verbose("Determining new checkbox state",a(c.target)),n.prop("checked")!==d&&n.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):b.debug=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):b.verbose=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},error:function(){b.error=Function.prototype.bind.call(console.warn,console,f.moduleName+":")},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:r,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.moduleName+":",e=0;h=!1,clearTimeout(b.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(c,e,f){var g,h;return e=e||l,f=r||f,"string"==typeof c&&s!==d&&(c=c.split(/[\. ]/),g=c.length-1,a.each(c,function(c,e){a.isPlainObject(s[e])&&c!=g?s=s[e]:s[e]!==d?h=s[e]:b.error(v.method)})),a.isFunction(h)?h.apply(f,e):h||!1}},k?(s===d&&b.initialize(),c=b.invoke(j)):(s!==d&&b.destroy(),b.initialize())}),c?c:this},a.fn.checkbox.settings={moduleName:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},errors:{method:"The method you called is not defined."},selector:{input:"input",label:"label"},className:{active:"active",radio:"radio"}}}(jQuery,window,document);
!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=e.selector||"",h=(new Date).getTime(),i=[],j=arguments[0],k="string"==typeof j,l=[].slice.call(arguments,1);return e.each(function(){var b,e=a(this),m=a(this).next(f.selector.label).first(),n=a(this).find(f.selector.input),o="."+f.namespace,p="module-"+f.namespace,q=e.selector||"",r=this,s=e.data(p),t=f.className,u=(f.namespace,f.errors);b={initialize:function(){b.verbose("Initializing checkbox"),f.context&&""!==q?(b.verbose("Adding delegated events"),a(r,f.context).on(q,"click"+o,b.toggle).on(q+" + "+f.selector.label,"click"+o,b.toggle)):(e.on("click"+o,b.toggle).data(p,b),m.on("click"+o,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),s=b,e.data(p,b)},destroy:function(){b.verbose("Destroying previous module"),e.off(o).removeData(p)},is:{radio:function(){return e.hasClass(t.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),n.prop("checked",!0),a.proxy(f.onChange,n.get())(),a.proxy(f.onEnable,n.get())()},disable:function(){b.debug("Disabling checkbox"),n.prop("checked",!1),a.proxy(f.onChange,n.get())(),a.proxy(f.onDisable,n.get())()},toggle:function(c){b.verbose("Determining new checkbox state",a(c.target)),n.prop("checked")!==d&&n.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):b.debug=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):b.verbose=Function.prototype.bind.call(console.info,console,f.moduleName+":"))},error:function(){b.error=Function.prototype.bind.call(console.warn,console,f.moduleName+":")},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:r,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.moduleName+":",e=0;h=!1,clearTimeout(b.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(c,e,f){var g,h;return e=e||l,f=r||f,"string"==typeof c&&s!==d&&(c=c.split(/[\. ]/),g=c.length-1,a.each(c,function(c,e){a.isPlainObject(s[e])&&c!=g?s=s[e]:s[e]!==d?h=s[e]:b.error(u.method)})),a.isFunction(h)?h.apply(f,e):h||!1}},k?(s===d&&b.initialize(),c=b.invoke(j)):(s!==d&&b.destroy(),b.initialize())}),c?c:this},a.fn.checkbox.settings={moduleName:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},errors:{method:"The method you called is not defined."},selector:{input:"input",label:"label"},className:{radio:"radio"}}}(jQuery,window,document);

2
build/minified/modules/transition.js

@ -111,7 +111,7 @@ $.fn.transition = function() {
? 'out'
: 'in'
;
}
},
loop: function() {
$module

2
build/minified/modules/transition.min.js
File diff suppressed because it is too large
View File

10
build/packaged/modules/checkbox.js

@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) {
destroy: function() {
module.verbose('Destroying previous module');
$module
.off(namespace)
.off(eventNamespace)
.removeData(moduleNamespace)
;
},
@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) {
enable: function() {
module.debug('Enabling checkbox');
$module
.addClass(className.active)
;
$input
.prop('checked', true)
;
@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) {
disable: function() {
module.debug('Disabling checkbox');
$module
.removeClass(className.active)
;
$input
.prop('checked', false)
;
@ -312,7 +307,6 @@ $.fn.checkbox.settings = {
},
className : {
active : 'active',
radio : 'radio'
}

2
build/packaged/modules/transition.js

@ -111,7 +111,7 @@ $.fn.transition = function() {
? 'out'
: 'in'
;
}
},
loop: function() {
$module

4
build/packaged/semantic.min.css
File diff suppressed because it is too large
View File

8
build/packaged/semantic.min.js
File diff suppressed because it is too large
View File

121
build/uncompressed/collections/grid.css

@ -270,7 +270,7 @@
float: right;
}
/*----------------------
Divided
Divided
-----------------------*/
.ui.divided.grid,
.ui.divided.grid > .row {
@ -286,6 +286,9 @@
-moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
}
.ui.divided.grid > .column.row {
display: table;
}
.ui.divided.grid > .column:first-child,
.ui.divided.grid > .row > .column:first-child {
-webkit-box-shadow: none;
@ -317,7 +320,9 @@
-moz-box-shadow: 0px 0px 0px 1px #DFDFDF;
box-shadow: 0px 0px 0px 1px #DFDFDF;
}
.ui.celled.grid > .row {
.ui.celled.grid > .row,
.ui.celled.grid > .column.row,
.ui.celled.grid > .column.row:first-child {
display: table;
width: 100%;
margin-top: 0em;
@ -326,7 +331,7 @@
-moz-box-shadow: 0px -1px 0px 0px #dfdfdf;
box-shadow: 0px -1px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column,
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
display: table-cell;
padding: 0.75em;
@ -340,7 +345,7 @@
-moz-box-shadow: none;
box-shadow: none;
}
.ui.celled.repsonsive.grid {
.ui.celled.responsive.grid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
@ -405,10 +410,116 @@
.ui.grid > .equal.height.row > .column {
display: table-cell;
}
/*----------------------
Only (Device)
-----------------------*/
/* Mobile Only */
@media only screen and (max-width: 768px) {
.ui.only.mobile.grid,
.ui.grid > .only.mobile.row {
display: block !important;
}
.ui.grid > .row > .only.mobile.column {
display: inline-block !important;
}
.ui.divided.only.mobile.grid,
.ui.celled.only.mobile.grid,
.ui.divided.only.mobile.grid .row,
.ui.celled.only.mobile.grid .row,
.ui.divided.grid .only.mobile.row,
.ui.celled.grid .only.mobile.row,
.ui.grid .only.mobile.equal.height.row,
.ui.only.mobile.grid .equal.height.row {
display: table !important;
}
.ui.divided.only.mobile.grid > .row > .column,
.ui.celled.only.mobile.grid > .row > .column,
.ui.divided.only.mobile.grid > .column,
.ui.celled.only.mobile.grid > .column {
display: table-cell !important;
}
}
@media only screen and (min-width: 768px) {
.ui.only.mobile.grid,
.ui.grid > .only.mobile.row,
.ui.grid > .row > .only.mobile.column {
display: none;
}
}
/* Tablet Only */
@media only screen and (max-width: 998px) {
.ui.only.tablet.grid,
.ui.grid > .only.tablet.row {
display: block !important;
}
.ui.grid > .row > .only.tablet.column {
display: inline-block !important;
}
.ui.divided.only.tablet.grid,
.ui.celled.only.tablet.grid,
.ui.divided.only.tablet.grid .row,
.ui.celled.only.tablet.grid .row,
.ui.divided.grid .only.tablet.row,
.ui.celled.grid .only.tablet.row,
.ui.grid .only.tablet.equal.height.row,
.ui.only.tablet.grid .equal.height.row {
display: table !important;
}
.ui.divided.grid > .row > .only.tablet.column,
.ui.celled.grid > .row > .only.tablet.column,
.ui.divided.only.tablet.grid > .row > .column,
.ui.celled.only.tablet.grid > .row > .column,
.ui.divided.only.tablet.grid > .column,
.ui.celled.only.tablet.grid > .column {
display: table-cell !important;
}
}
@media only screen and (min-width: 768px) {
.ui.only.tablet.grid,
.ui.grid > .only.tablet.row,
.ui.grid > .row > .only.tablet.column {
display: none;
}
}
/* Computer Only */
@media only screen and (min-width: 998px) {
.ui.only.computer.grid,
.ui.grid > .only.computer.row {
display: block !important;
}
.ui.grid > .row > .only.computer.column {
display: inline-block !important;
}
.ui.divided.only.computer.grid,
.ui.celled.only.computer.grid,
.ui.divided.only.computer.grid .row,
.ui.celled.only.computer.grid .row,
.ui.divided.grid .only.computer.row,
.ui.celled.grid .only.computer.row,
.ui.grid .only.computer.equal.height.row,
.ui.only.computer.grid .equal.height.row {
display: table !important;
}
.ui.divided.grid > .row > .only.computer.column,
.ui.celled.grid > .row > .only.computer.column,
.ui.divided.only.computer.grid > .row > .column,
.ui.celled.only.computer.grid > .row > .column,
.ui.divided.only.computer.grid > .column,
.ui.celled.only.computer.grid > .column {
display: table-cell !important;
}
}
@media only screen and (max-width: 998px) {
.ui.only.computer.grid,
.ui.grid > .only.computer.row,
.ui.grid > .row > .only.computer.column {
display: none;
}
}
/*-------------------
Stackable
--------------------*/
@media only screen and (max-width: 960px) {
@media only screen and (max-width: 768px) {
.ui.stackable.grid {
display: block !important;
padding: 0em;

10
build/uncompressed/modules/checkbox.js

@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) {
destroy: function() {
module.verbose('Destroying previous module');
$module
.off(namespace)
.off(eventNamespace)
.removeData(moduleNamespace)
;
},
@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) {
enable: function() {
module.debug('Enabling checkbox');
$module
.addClass(className.active)
;
$input
.prop('checked', true)
;
@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) {
disable: function() {
module.debug('Disabling checkbox');
$module
.removeClass(className.active)
;
$input
.prop('checked', false)
;
@ -312,7 +307,6 @@ $.fn.checkbox.settings = {
},
className : {
active : 'active',
radio : 'radio'
}

2
build/uncompressed/modules/transition.js

@ -111,7 +111,7 @@ $.fn.transition = function() {
? 'out'
: 'in'
;
}
},
loop: function() {
$module

83
node/src/documents/collections/grid.html

@ -313,6 +313,89 @@ type : 'UI Collection'
</div>
</div>
</div>
<div class="example">
<h4 class="ui header">Only (Device)</h4>
<p>A grid can have its columns, or rows only show for either a computer, tablet, or mobile.</p>
<div class="ui text message info ignore">
<i class="icon heart"></i> Breakpoints are 768 for mobile, 768-998 for tablet and 998 for pc</i>
</div>
<div class="ui grid">
<div class="two column mobile only row">
<div class="column">
<div class="ui segment">
Mobile
</div>
</div>
<div class="column">
<div class="ui segment">
Mobile
</div>
</div>
</div>
<div class="three column row">
<div class="computer only column">
<div class="ui segment">
Computer
</div>
</div>
<div class="tablet moble only column">
<div class="ui segment">
Tablet and Mobile
</div>
</div>
<div class="column">
<div class="ui segment">
All Sizes
</div>
</div>
<div class="column">
<div class="ui segment">
All Sizes
</div>
</div>
</div>
<div class="four column computer only row">
<div class="column">
<div class="ui segment">
Computer
</div>
</div>
<div class="column">
<div class="ui segment">
Computer
</div>
</div>
<div class="column">
<div class="ui segment">
Computer
</div>
</div>
<div class="column">
<div class="ui segment">
Computer
</div>
</div>
</div>
<div class="three column tablet only row">
<div class="column">
<div class="ui segment">
Tablet
</div>
</div>
<div class="column">
<div class="ui segment">
Tablet
</div>
</div>
<div class="column">
<div class="ui segment">
Tablet
</div>
</div>
</div>
</div>
</div>
<div class="example">
<h4 class="ui header">Changing grid column count</h4>

19
node/src/documents/modules/checkbox.html

@ -65,25 +65,6 @@ type : 'UI Module'
</div>
</div>
<div class="example">
<h4 class="ui header">Form Checkbox</h4>
<p>A checkbox can be found inside a form</p>
<div class="ui form segment">
<div class="field">
<label>Name</label>
<input placeholder="Name" type="text">
</div>
<div class="inline field">
<div class="ui checkbox">
<input type="checkbox" />
<div class="box"></div>
</div>
<label>Accept all our evil terms and conditions</label>
</div>
<div class="ui teal button">Submit</div>
</div>
</div>
<h2 class="ui dividing header">Variations</h2>
<div class="example">

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

@ -270,7 +270,7 @@
float: right;
}
/*----------------------
Divided
Divided
-----------------------*/
.ui.divided.grid,
.ui.divided.grid > .row {
@ -286,6 +286,9 @@
-moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
}
.ui.divided.grid > .column.row {
display: table;
}
.ui.divided.grid > .column:first-child,
.ui.divided.grid > .row > .column:first-child {
-webkit-box-shadow: none;
@ -317,7 +320,9 @@
-moz-box-shadow: 0px 0px 0px 1px #DFDFDF;
box-shadow: 0px 0px 0px 1px #DFDFDF;
}
.ui.celled.grid > .row {
.ui.celled.grid > .row,
.ui.celled.grid > .column.row,
.ui.celled.grid > .column.row:first-child {
display: table;
width: 100%;
margin-top: 0em;
@ -326,7 +331,7 @@
-moz-box-shadow: 0px -1px 0px 0px #dfdfdf;
box-shadow: 0px -1px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column,
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
display: table-cell;
padding: 0.75em;
@ -340,7 +345,7 @@
-moz-box-shadow: none;
box-shadow: none;
}
.ui.celled.repsonsive.grid {
.ui.celled.responsive.grid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
@ -405,10 +410,116 @@
.ui.grid > .equal.height.row > .column {
display: table-cell;
}
/*----------------------
Only (Device)
-----------------------*/
/* Mobile Only */
@media only screen and (max-width: 768px) {
.ui.only.mobile.grid,
.ui.grid > .only.mobile.row {
display: block !important;
}
.ui.grid > .row > .only.mobile.column {
display: inline-block !important;
}
.ui.divided.only.mobile.grid,
.ui.celled.only.mobile.grid,
.ui.divided.only.mobile.grid .row,
.ui.celled.only.mobile.grid .row,
.ui.divided.grid .only.mobile.row,
.ui.celled.grid .only.mobile.row,
.ui.grid .only.mobile.equal.height.row,
.ui.only.mobile.grid .equal.height.row {
display: table !important;
}
.ui.divided.only.mobile.grid > .row > .column,
.ui.celled.only.mobile.grid > .row > .column,
.ui.divided.only.mobile.grid > .column,
.ui.celled.only.mobile.grid > .column {
display: table-cell !important;
}
}
@media only screen and (min-width: 768px) {
.ui.only.mobile.grid,
.ui.grid > .only.mobile.row,
.ui.grid > .row > .only.mobile.column {
display: none;
}
}
/* Tablet Only */
@media only screen and (max-width: 998px) {
.ui.only.tablet.grid,
.ui.grid > .only.tablet.row {
display: block !important;
}
.ui.grid > .row > .only.tablet.column {
display: inline-block !important;
}
.ui.divided.only.tablet.grid,
.ui.celled.only.tablet.grid,
.ui.divided.only.tablet.grid .row,
.ui.celled.only.tablet.grid .row,
.ui.divided.grid .only.tablet.row,
.ui.celled.grid .only.tablet.row,
.ui.grid .only.tablet.equal.height.row,
.ui.only.tablet.grid .equal.height.row {
display: table !important;
}
.ui.divided.grid > .row > .only.tablet.column,
.ui.celled.grid > .row > .only.tablet.column,
.ui.divided.only.tablet.grid > .row > .column,
.ui.celled.only.tablet.grid > .row > .column,
.ui.divided.only.tablet.grid > .column,
.ui.celled.only.tablet.grid > .column {
display: table-cell !important;
}
}
@media only screen and (min-width: 768px) {
.ui.only.tablet.grid,
.ui.grid > .only.tablet.row,
.ui.grid > .row > .only.tablet.column {
display: none;
}
}
/* Computer Only */
@media only screen and (min-width: 998px) {
.ui.only.computer.grid,
.ui.grid > .only.computer.row {
display: block !important;
}
.ui.grid > .row > .only.computer.column {
display: inline-block !important;
}
.ui.divided.only.computer.grid,
.ui.celled.only.computer.grid,
.ui.divided.only.computer.grid .row,
.ui.celled.only.computer.grid .row,
.ui.divided.grid .only.computer.row,
.ui.celled.grid .only.computer.row,
.ui.grid .only.computer.equal.height.row,
.ui.only.computer.grid .equal.height.row {
display: table !important;
}
.ui.divided.grid > .row > .only.computer.column,
.ui.celled.grid > .row > .only.computer.column,
.ui.divided.only.computer.grid > .row > .column,
.ui.celled.only.computer.grid > .row > .column,
.ui.divided.only.computer.grid > .column,
.ui.celled.only.computer.grid > .column {
display: table-cell !important;
}
}
@media only screen and (max-width: 998px) {
.ui.only.computer.grid,
.ui.grid > .only.computer.row,
.ui.grid > .row > .only.computer.column {
display: none;
}
}
/*-------------------
Stackable
--------------------*/
@media only screen and (max-width: 960px) {
@media only screen and (max-width: 768px) {
.ui.stackable.grid {
display: block !important;
padding: 0em;

10
node/src/files/components/semantic/modules/checkbox.js

@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) {
destroy: function() {
module.verbose('Destroying previous module');
$module
.off(namespace)
.off(eventNamespace)
.removeData(moduleNamespace)
;
},
@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) {
enable: function() {
module.debug('Enabling checkbox');
$module
.addClass(className.active)
;
$input
.prop('checked', true)
;
@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) {
disable: function() {
module.debug('Disabling checkbox');
$module
.removeClass(className.active)
;
$input
.prop('checked', false)
;
@ -312,7 +307,6 @@ $.fn.checkbox.settings = {
},
className : {
active : 'active',
radio : 'radio'
}

8
node/src/files/components/semantic/modules/transition.js

@ -106,6 +106,13 @@ $.fn.transition = function() {
$module.addClass(className.animating);
},
direction: function() {
return $module.is(':visible')
? 'out'
: 'in'
;
},
loop: function() {
$module
.addClass(className.loop)
@ -265,6 +272,7 @@ $.fn.transition = function() {
module.originalClass = $module.attr('class');
module.originalStyle = $module.attr('style');
module.repaint();
module.set.direction();
module.set.animating();
$module
.addClass(className.transition)

127
src/collections/grid.less

@ -318,8 +318,9 @@
float: right;
}
/*----------------------
Divided
Divided
-----------------------*/
.ui.divided.grid,
@ -345,6 +346,9 @@
-2px 0px 0px 0px rgba(255, 255, 255, 0.8)
;
}
.ui.divided.grid > .column.row {
display: table;
}
.ui.divided.grid > .column:first-child,
.ui.divided.grid > .row > .column:first-child {
-webkit-box-shadow: none;
@ -389,7 +393,9 @@
-moz-box-shadow: 0px 0px 0px 1px #DFDFDF;
box-shadow: 0px 0px 0px 1px #DFDFDF;
}
.ui.celled.grid > .row {
.ui.celled.grid > .row,
.ui.celled.grid > .column.row,
.ui.celled.grid > .column.row:first-child {
display: table;
width: 100%;
margin-top: 0em;
@ -398,7 +404,7 @@
-moz-box-shadow: 0px -1px 0px 0px #DFDFDF;
box-shadow: 0px -1px 0px 0px #DFDFDF;
}
.ui.celled.grid > .column,
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
display: table-cell;
padding: 0.75em;
@ -413,7 +419,7 @@
box-shadow: none;
}
.ui.celled.repsonsive.grid {
.ui.celled.responsive.grid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
@ -486,12 +492,123 @@
display: table-cell;
}
/*----------------------
Only (Device)
-----------------------*/
/* Mobile Only */
@media only screen and (max-width : 768px) {
.ui.only.mobile.grid,
.ui.grid > .only.mobile.row {
display: block !important;
}
.ui.grid > .row > .only.mobile.column {
display: inline-block !important;
}
.ui.divided.only.mobile.grid,
.ui.celled.only.mobile.grid,
.ui.divided.only.mobile.grid .row,
.ui.celled.only.mobile.grid .row,
.ui.divided.grid .only.mobile.row,
.ui.celled.grid .only.mobile.row,
.ui.grid .only.mobile.equal.height.row,
.ui.only.mobile.grid .equal.height.row {
display: table !important;
}
.ui.divided.grid > .row > .only.mobile.column,
.ui.celled.grid > .row > .only.mobile.column,
.ui.divided.only.mobile.grid > .row > .column,
.ui.celled.only.mobile.grid > .row > .column,
.ui.divided.only.mobile.grid > .column,
.ui.celled.only.mobile.grid > .column {
display: table-cell !important;
}
}
@media only screen and (min-width : 768px) {
.ui.only.mobile.grid,
.ui.grid > .only.mobile.row,
.ui.grid > .row > .only.mobile.column {
display: none;
}
}
/* Tablet Only */
@media only screen and (max-width : 998px) {
.ui.only.tablet.grid,
.ui.grid > .only.tablet.row {
display: block !important;
}
.ui.grid > .row > .only.tablet.column {
display: inline-block !important;
}
.ui.divided.only.tablet.grid,
.ui.celled.only.tablet.grid,
.ui.divided.only.tablet.grid .row,
.ui.celled.only.tablet.grid .row,
.ui.divided.grid .only.tablet.row,
.ui.celled.grid .only.tablet.row,
.ui.grid .only.tablet.equal.height.row,
.ui.only.tablet.grid .equal.height.row {
display: table !important;
}
.ui.divided.grid > .row > .only.tablet.column,
.ui.celled.grid > .row > .only.tablet.column,
.ui.divided.only.tablet.grid > .row > .column,
.ui.celled.only.tablet.grid > .row > .column,
.ui.divided.only.tablet.grid > .column,
.ui.celled.only.tablet.grid > .column {
display: table-cell !important;
}
}
@media only screen and (min-width : 768px) {
.ui.only.tablet.grid,
.ui.grid > .only.tablet.row,
.ui.grid > .row > .only.tablet.column {
display: none;
}
}
/* Computer Only */
@media only screen and (min-width : 998px) {
.ui.only.computer.grid,
.ui.grid > .only.computer.row {
display: block !important;
}
.ui.grid > .row > .only.computer.column {
display: inline-block !important;
}
.ui.divided.only.computer.grid,
.ui.celled.only.computer.grid,
.ui.divided.only.computer.grid .row,
.ui.celled.only.computer.grid .row,
.ui.divided.grid .only.computer.row,
.ui.celled.grid .only.computer.row,
.ui.grid .only.computer.equal.height.row,
.ui.only.computer.grid .equal.height.row {
display: table !important;
}
.ui.divided.grid > .row > .only.computer.column,
.ui.celled.grid > .row > .only.computer.column,
.ui.divided.only.computer.grid > .row > .column,
.ui.celled.only.computer.grid > .row > .column,
.ui.divided.only.computer.grid > .column,
.ui.celled.only.computer.grid > .column {
display: table-cell !important;
}
}
@media only screen and (max-width : 998px) {
.ui.only.computer.grid,
.ui.grid > .only.computer.row,
.ui.grid > .row > .only.computer.column {
display: none;
}
}
/*-------------------
Stackable
--------------------*/
@media only screen and (max-width : 960px) {
@media only screen and (max-width : 768px) {
.ui.stackable.grid {
display: block !important;
padding: 0em;

10
src/modules/checkbox.js

@ -83,7 +83,8 @@ $.fn.checkbox = function(parameters) {
destroy: function() {
module.verbose('Destroying previous module');
$module
.off(namespace)
.off(eventNamespace)
.removeData(moduleNamespace)
;
},
@ -104,9 +105,6 @@ $.fn.checkbox = function(parameters) {
enable: function() {
module.debug('Enabling checkbox');
$module
.addClass(className.active)
;
$input
.prop('checked', true)
;
@ -116,9 +114,6 @@ $.fn.checkbox = function(parameters) {
disable: function() {
module.debug('Disabling checkbox');
$module
.removeClass(className.active)
;
$input
.prop('checked', false)
;
@ -312,7 +307,6 @@ $.fn.checkbox.settings = {
},
className : {
active : 'active',
radio : 'radio'
}

Loading…
Cancel
Save