Browse Source

Merge branch 'master' of github.com:jlukic/Semantic-UI into dev

Conflicts:
	build/packaged/css/semantic.min.css
	node/src/files/release/packaged/css/semantic.min.css
	node/src/files/release/semantic.zip
pull/55/head
jlukic 11 years ago
parent
commit
99cfa7a2be
29 changed files with 142 additions and 770 deletions
  1. 30
      build/less/collections/menu.less
  2. 2
      build/less/modules/checkbox.less
  3. 6
      build/less/modules/dropdown.less
  4. 2
      build/minified/collections/menu.min.css
  5. 2
      build/minified/modules/checkbox.min.css
  6. 2
      build/minified/modules/dropdown.min.css
  7. 2
      build/packaged/css/semantic.min.css
  8. 30
      build/uncompressed/collections/menu.css
  9. 2
      build/uncompressed/modules/checkbox.css
  10. 6
      build/uncompressed/modules/dropdown.css
  11. 396
      examples/module.commented.js
  12. 282
      examples/module.js
  13. 20
      node/src/files/examples/feed.html
  14. 30
      node/src/files/release/less/collections/menu.less
  15. 2
      node/src/files/release/less/modules/checkbox.less
  16. 6
      node/src/files/release/less/modules/dropdown.less
  17. 2
      node/src/files/release/minified/collections/menu.min.css
  18. 2
      node/src/files/release/minified/modules/checkbox.min.css
  19. 2
      node/src/files/release/minified/modules/dropdown.min.css
  20. 2
      node/src/files/release/packaged/css/semantic.min.css
  21. BIN
      node/src/files/release/semantic.zip
  22. 30
      node/src/files/release/uncompressed/collections/menu.css
  23. 2
      node/src/files/release/uncompressed/modules/checkbox.css
  24. 6
      node/src/files/release/uncompressed/modules/dropdown.css
  25. 4
      node/src/files/spec/button.json
  26. 4
      spec/button.json
  27. 30
      src/collections/menu.less
  28. 2
      src/modules/checkbox.less
  29. 6
      src/modules/dropdown.less

30
build/less/collections/menu.less

@ -243,24 +243,32 @@
Inputs
---------------*/
.ui.menu .input,
.ui.menu .input input {
.ui.menu .item > .input,
.ui.menu .item > .input input {
width: 100%;
}
.ui.menu .input .icon {
padding-top: 0em;
top: -0.05em;
height: auto;
}
.ui.menu input {
margin: -0.55em 0em;
.ui.menu .item > .input input,
.ui.menu .item > input {
position: relative;
top: -0.6em;
margin: 0em;
padding-top: 0.45em;
padding-bottom: 0.45em;
}
.ui.vertical.menu input {
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input {
top: 0em;
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .input .icon {
.ui.vertical.menu .item > .input .icon {
top: 0px;
padding-top: 0.63em;
}
@ -778,11 +786,11 @@
.ui.secondary.menu a.item {
opacity: 0.8;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.ui.secondary.menu .header.item {

2
build/less/modules/checkbox.less

@ -182,6 +182,7 @@
---------------*/
.ui.slider.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}
@ -265,6 +266,7 @@
---------------*/
.ui.toggle.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}

6
build/less/modules/dropdown.less

@ -324,9 +324,9 @@
/* Visible */
.ui.selection.active.dropdown {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important;

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

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

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

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

30
build/uncompressed/collections/menu.css

@ -169,24 +169,32 @@
/*--------------
Inputs
---------------*/
.ui.menu .input,
.ui.menu .input input {
.ui.menu .item > .input,
.ui.menu .item > .input input {
width: 100%;
}
.ui.menu .input .icon {
padding-top: 0em;
top: -0.05em;
height: auto;
}
.ui.menu input {
margin: -0.55em 0em;
.ui.menu .item > .input input,
.ui.menu .item > input {
position: relative;
top: -0.6em;
margin: 0em;
padding-top: 0.45em;
padding-bottom: 0.45em;
}
.ui.vertical.menu input {
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input {
top: 0em;
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .input .icon {
.ui.vertical.menu .item > .input .icon {
top: 0px;
padding-top: 0.63em;
}
/*--------------
@ -607,11 +615,11 @@
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
opacity: 0.8;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.ui.secondary.menu .header.item {
border-right: 0.1em solid rgba(0, 0, 0, 0.1);

2
build/uncompressed/modules/checkbox.css

@ -136,6 +136,7 @@
Slider
---------------*/
.ui.slider.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}
@ -202,6 +203,7 @@
Toggle
---------------*/
.ui.toggle.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}

6
build/uncompressed/modules/dropdown.css

@ -258,9 +258,9 @@
}
/* Visible */
.ui.selection.active.dropdown {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
border-radius: 0.3125em 0.3125em 0em 0em !important;

396
examples/module.commented.js

@ -1,396 +0,0 @@
// # Semantic Modules
// This particular pattern is useful for describing a group of elements which share behavior, for example a modal or a popup.
// The module is made up of three parts: *a group definition*, *a singular definition*, and a *settings object*.
//
// Semantic is unique in that all arbitrary data is a setting. Semantic modules also are self documenting, with module.debug calls serving to explain state, and log performance data.
// [Read more about coding conventions](#)
/*
* # Semantic Module 1.0
* http://github.com/quirkyinc/semantic
*
*
* Copyright 2013 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
* Released: April 17 2013
*/
;(function ( $, window, document, undefined ) {
$.fn.example = function(parameters) {
// ## Group
// Some properties remain constant across all instances of a module.
var
// Store a reference to the module group, this can be useful to refer to other modules inside each module
$allModules = $(this),
// Extend settings to merge run-time settings with defaults
settings = ( $.isPlainObject(parameters) )
? $.extend(true, {}, $.fn.example.settings, parameters)
: $.fn.example.settings,
// Define namespaces for storing module instance and binding events
eventNamespace = '.' + settings.namespace,
moduleNamespace = 'module-' + settings.namespace,
// Preserve selector from outside each scope and mark current time for performance tracking
moduleSelector = $allModules.selector || '',
time = new Date().getTime(),
performance = [],
// Preserve original arguments to determine if a method is being invoked
query = arguments[0],
methodInvoked = (typeof query == 'string'),
queryArguments = [].slice.call(arguments, 1),
invokedResponse
;
// ## Singular
// Iterate over all elements to initialize module
$allModules
.each(function() {
var
// Cache selectors using selector definitions for access inside instance of module
$module = $(this),
$text = $module.find(settings.selector.text),
// Define private variables which can be used to maintain internal state, these cannot be changed from outside the module closure so use conservatively
foo = false,
// Define variables used to track module state. Default values are set using `a || b` syntax
instance = $module.data(moduleNamespace),
element = this,
// Alias settings object for convenience and performance
namespace = settings.namespace,
error = settings.error,
className = settings.className,
// You may also find it useful to alias your own settings
text = settings.text,
module
;
// ## Module Behavior
module = {
// ### Required
// #### Initialize
// Initialize attaches events and preserves each instance in html metadata
initialize: function() {
module.debug('Initializing module for', element);
$module
.on('click' + eventNamespace, module.exampleBehavior)
;
module.instantiate();
},
instantiate: function() {
module.verbose('Storing instance of module');
// The instance is just a copy of the module definition, we store it in metadata so we can use it outside of scope, but also define it for immediate use
instance = module;
$module
.data(moduleNamespace, instance)
;
},
// #### Destroy
// Removes all events and the instance copy from metadata
destroy: function() {
module.verbose('Destroying previous module for', element);
$module
.removeData(moduleNamespace)
.off(eventNamespace)
;
},
// #### Refresh
// Selectors are cached so we sometimes need to manually refresh the cache
refresh: function() {
module.verbose('Refreshing selector cache for', element);
$module = $(element);
$text = $(this).find(settings.selector.text);
},
// ### Custom
// #### By Event
// Sometimes it makes sense to call an event handler by its type if it is dependent on the event to behave properly
event: {
click: function(event) {
module.verbose('Preventing default action');
if( !$module.hasClass(className.disabled) ) {
module.behavior();
}
event.preventDefault();
}
},
// #### By Function
// Other times events make more sense for methods to be called by their function if it is ambivalent to how it is invoked
behavior: function() {
module.debug('Changing the text to a new value', text);
if( !module.has.text() ) {
module.set.text( text);
}
},
// #### Vocabulary
// Custom methods should be defined with consistent vocabulary some useful terms: "has", "set", "get", "change", "add", "remove"
//
// This makes it easier for new developers to get to know your module without learning your schema
has: {
text: function(state) {
module.verbose('Checking whether text state exists', state);
if( text[state] === undefined ) {
module.error(error.noText);
return false;
}
return true;
}
},
set: {
text: function(state) {
module.verbose('Setting text to new state', state);
if( module.has.text(state) ) {
$text
.text( text[state] )
;
settings.onChange();
}
}
},
// ### Standard
// #### Setting
// Module settings can be read or set using this method
//
// Settings can either be specified by modifying the module defaults, by initializing the module with a settings object, or by changing a setting by invoking this method
// `$(.foo').example('setting', 'moduleName');`
setting: function(name, value) {
if(value !== undefined) {
if( $.isPlainObject(name) ) {
$.extend(true, settings, name);
}
else {
settings[name] = value;
}
}
else {
return settings[name];
}
},
// #### Internal
// Module internals can be set or retrieved as well
// `$(.foo').example('internal', 'behavior', function() { // do something });`
internal: function(name, value) {
if(value !== undefined) {
if( $.isPlainObject(name) ) {
$.extend(true, module, name);
}
else {
module[name] = value;
}
}
else {
return module[name];
}
},
// #### Debug
// Debug pushes arguments to the console formatted as a debug statement
debug: function() {
if(settings.debug) {
module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
// #### Verbose
// Calling verbose internally allows for additional data to be logged which can assist in debugging
verbose: function() {
if(settings.verbose && settings.debug) {
module.performance.log(arguments[0]);
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
// #### Error
// Error allows for the module to report named error messages, it may be useful to modify this to push error messages to the user. Error messages are defined in the modules settings object.
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
}
},
// #### Performance
// This is called on each debug statement and logs the time since the last debug statement.
performance: {
log: function(message) {
var
currentTime,
executionTime,
previousTime
;
if(settings.performance) {
currentTime = new Date().getTime();
previousTime = time || currentTime,
executionTime = currentTime - previousTime,
time = currentTime;
performance.push({
'Name' : message,
'Execution Time' : executionTime
});
clearTimeout(module.performance.timer);
module.performance.timer = setTimeout(module.performance.display, 100);
}
},
// Performance data is assumed to be complete 500ms after the last log message receieved
display: function() {
var
title = settings.moduleName,
caption = settings.moduleName + ': ' + moduleSelector + '(' + $allModules.size() + ' elements)',
totalExecutionTime = 0
;
if(moduleSelector) {
title += ' Performance (' + moduleSelector + ')';
}
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
console.groupCollapsed(title);
if(console.table) {
$.each(performance, function(index, data) {
totalExecutionTime += data['Execution Time'];
});
console.table(performance);
}
else {
$.each(performance, function(index, data) {
totalExecutionTime += data['Execution Time'];
console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
});
}
console.log('Total Execution Time:', totalExecutionTime +'ms');
console.groupEnd();
performance = [];
time = false;
}
}
},
// #### Invoke
// Invoke is used to lookup and invoke a method or property by a dot notation string definition, for example
// `$('.foo').example('invoke', 'set.text', 'Foo')`
invoke: function(query, passedArguments, context) {
var
maxDepth,
found
;
passedArguments = passedArguments || queryArguments;
context = element || context;
if(typeof query == 'string' && instance !== undefined) {
query = query.split(/[\. ]/);
maxDepth = query.length - 1;
$.each(query, function(depth, value) {
if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
instance = instance[value];
}
else if( instance[value] !== undefined ) {
found = instance[value];
}
else {
module.error(error.method);
}
});
}
if ( $.isFunction( found ) ) {
instance.verbose('Executing invoked function', found);
return found.apply(context, passedArguments);
}
return found || false;
}
};
// ### Determining Intent
// Invoking a method directly
// $('.foo').module('set.text', 'Ho hum');
// The module checks to see if you passed in a method name to call
if(methodInvoked) {
if(instance === undefined) {
module.initialize();
}
invokedResponse = module.invoke(query);
}
// If you didn't pass in anything it can assume you are initializing the module
else {
if(instance !== undefined) {
module.destroy();
}
module.initialize();
}
})
;
// lets performance tracking know this is the end of a single trace through module
time = false;
// If you called invoke, you may have a returned value which shoudl be returned, otherwise allow the call to chain
return (invokedResponse)
? invokedResponse
: this
;
};
// ## Settings
// It is necessary to include a settings object which specifies the defaults for your module
$.fn.example.settings = {
// ### Required
// Used in debug statements to refer to the module itself
name : 'Example Module',
// Whether debug content should be outputted to console
debug : true,
// Whether extra debug content should be outputted
verbose : false,
// Whether to track performance data
performance : false,
// A unique identifier used to namespace events,and preserve the module instance
namespace : 'example',
// ### Optional
// Selectors used by your module
selector : {
example : '.example'
},
// Error messages returned by the module
error: {
noText : 'The text you tried to display has not been defined.',
method : 'The method you called is not defined.'
},
// Class names which your module refers to
className : {
disabled : 'disabled'
},
// Metadata stored or retrieved by your module. `$('.foo').data('value');`
metadata: {
notUsed: 'notUsed'
},
// ### Callbacks
// Callbacks are often useful to include in your settings object
onChange : function() {},
// ### Definition Specific
// You may also want to include settings specific to your module's function
text: {
hover : 'You are hovering me now',
click : 'You clicked on me'
}
};
})( jQuery, window , document );

282
examples/module.js

@ -1,282 +0,0 @@
;(function ( $, window, document, undefined ) {
$.fn.example = function(parameters) {
var
$allModules = $(this),
settings = $.extend(true, {}, $.fn.example.settings, parameters),
eventNamespace = '.' + settings.namespace,
moduleNamespace = 'module-' + settings.namespace,
moduleSelector = $allModules.selector || '',
time = new Date().getTime(),
performance = [],
query = arguments[0],
methodInvoked = (typeof query == 'string'),
queryArguments = [].slice.call(arguments, 1),
invokedResponse
;
$allModules
.each(function() {
var
$module = $(this),
$text = $module.find(settings.selector.text),
foo = false,
instance = $module.data(moduleNamespace),
element = this,
namespace = settings.namespace,
error = settings.error,
className = settings.className,
text = settings.text,
module
;
module = {
initialize: function() {
module.verbose('Initializing module for', element);
$module
.on('click' + eventNamespace, module.exampleBehavior)
;
instance = module;
$module
.data(moduleNamespace, instance)
;
},
destroy: function() {
module.verbose('Destroying previous module for', element);
$module
.removeData(moduleNamespace)
.off(eventNamespace)
;
},
refresh: function() {
module.verbose('Refreshing selector cache for', element);
$module = $(element);
$text = $(this).find(settings.selector.text);
},
event: {
click: function(event) {
module.verbose('Preventing default action');
if( !$module.hasClass(className.disabled) ) {
module.behavior();
}
event.preventDefault();
}
},
behavior: function() {
module.debug('Changing the text to a new value', text);
if( !module.has.text() ) {
module.set.text( text);
}
},
has: {
text: function(state) {
module.verbose('Checking whether text state exists', state);
if( text[state] === undefined ) {
module.error(error.noText);
return false;
}
return true;
}
},
set: {
text: function(state) {
module.verbose('Setting text to new state', state);
if( module.has.text(state) ) {
$text
.text( text[state] )
;
settings.onChange();
}
}
},
setting: function(name, value) {
if(value !== undefined) {
if( $.isPlainObject(name) ) {
$.extend(true, settings, name);
}
else {
settings[name] = value;
}
}
else {
return settings[name];
}
},
internal: function(name, value) {
if(value !== undefined) {
if( $.isPlainObject(name) ) {
$.extend(true, module, name);
}
else {
module[name] = value;
}
}
else {
return module[name];
}
},
debug: function() {
if(settings.debug) {
module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
verbose: function() {
if(settings.verbose && settings.debug) {
module.performance.log(arguments[0]);
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
}
},
performance: {
log: function(message) {
var
currentTime,
executionTime,
previousTime
;
if(settings.performance) {
currentTime = new Date().getTime();
previousTime = time || currentTime,
executionTime = currentTime - previousTime;
time = currentTime;
performance.push({
'Name' : message,
'Execution Time' : executionTime
});
clearTimeout(module.performance.timer);
module.performance.timer = setTimeout(module.performance.display, 100);
}
},
display: function() {
var
title = settings.moduleName,
caption = settings.moduleName + ': ' + moduleSelector + '(' + $allModules.size() + ' elements)',
totalExecutionTime = 0
;
if(moduleSelector) {
title += ' Performance (' + moduleSelector + ')';
}
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
console.groupCollapsed(title);
if(console.table) {
$.each(performance, function(index, data) {
totalExecutionTime += data['Execution Time'];
});
console.table(performance);
}
else {
$.each(performance, function(index, data) {
totalExecutionTime += data['Execution Time'];
console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
});
}
console.log('Total Execution Time:', totalExecutionTime +'ms');
console.groupEnd();
performance = [];
time = false;
}
}
},
invoke: function(query, passedArguments, context) {
var
maxDepth,
found
;
passedArguments = passedArguments || queryArguments;
context = element || context;
if(typeof query == 'string' && instance !== undefined) {
query = query.split(/[\. ]/);
maxDepth = query.length - 1;
$.each(query, function(depth, value) {
if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
instance = instance[value];
}
else if( instance[value] !== undefined ) {
found = instance[value];
}
else {
module.error(error.method);
}
});
}
if ( $.isFunction( found ) ) {
instance.verbose('Executing invoked function', found);
return found.apply(context, passedArguments);
}
return found || false;
}
};
if(methodInvoked) {
if(instance === undefined) {
module.initialize();
}
invokedResponse = module.invoke(query);
}
else {
if(instance !== undefined) {
module.destroy();
}
module.initialize();
}
})
;
time = false;
return (invokedResponse)
? invokedResponse
: this
;
};
$.fn.example.settings = {
name : 'Example Module',
debug : true,
verbose : false,
performance : false,
namespace : 'example',
selector : {
example : '.example'
},
error: {
noText : 'The text you tried to display has not been defined.', method : 'The method you called is not defined.'
},
className : {
disabled : 'disabled'
},
metadata: {
notUsed: 'notUsed'
},
onChange : function() {},
text: {
hover : 'You are hovering me now',
click : 'You clicked on me'
}
};
})( jQuery, window , document );

20
node/src/files/examples/feed.html

@ -104,57 +104,57 @@
<div class="ui divided inbox selection list active tab" data-tab="unread">
<a class="active item">
<i class="empty star link icon"></i>
Weekly Webcomic Wrapup fought the law, and the law won
<div class="right floated date">Sep 14, 2013</div>
Weekly Webcomic Wrapup fought the law, and the law won
</a>
<a class="item">
<i class="empty star link icon"></i>
Scientists discover new breed of dog
<div class="right floated date">Sep 14, 2013</div>
Scientists discover new breed of dog
</a>
<a class="item">
<i class="teal emphasized star link icon"></i>
Dogs start colony in Antarctica
<div class="right floated date">Sep 10, 2013</div>
Dogs start colony in Antarctica
</a>
<a class="item">
<i class="empty star link icon"></i>
Famous dog whisperer Chakotay dies today at 104
<div class="right floated date">Sep 09, 2013</div>
Famous dog whisperer Chakotay dies today at 104
</a>
<a class="item">
<i class="empty star link icon"></i>
Top 10 Things to Know about Labradoodles
<div class="right floated date">Sep 07, 2013</div>
Top 10 Things to Know about Labradoodles
</a>
<a class="item">
<i class="empty star link icon"></i>
Study shows children enjoy the company of animals
<div class="right floated date">Sep 05, 2013</div>
Study shows children enjoy the company of animals
</a>
</div>
<div class="ui divided inbox selection list tab" data-tab="saved">
<a class="item">
<i class="teal emphasized star link icon"></i>
Your favorite saved article
<div class="right floated date">Sep 14, 2013</div>
Your favorite saved article
</a>
<a class="item">
<i class="teal emphasized star link icon"></i>
Your favorite saved article
<div class="right floated date">Sep 14, 2013</div>
Your favorite saved article
</a>
<a class="item">
<i class="teal emphasized star link icon"></i>
Your favorite saved article
<div class="right floated date">Sep 14, 2013</div>
Your favorite saved article
</a>
</div>
<div class="ui divided inbox selection list tab" data-tab="all">
<a class="item">
<i class="star link icon"></i>
There turns out there is only one article under all.
<div class="right floated date">Sep 14, 2013</div>
There turns out there is only one article under all.
</a>
</div>
</div>

30
node/src/files/release/less/collections/menu.less

@ -243,24 +243,32 @@
Inputs
---------------*/
.ui.menu .input,
.ui.menu .input input {
.ui.menu .item > .input,
.ui.menu .item > .input input {
width: 100%;
}
.ui.menu .input .icon {
padding-top: 0em;
top: -0.05em;
height: auto;
}
.ui.menu input {
margin: -0.55em 0em;
.ui.menu .item > .input input,
.ui.menu .item > input {
position: relative;
top: -0.6em;
margin: 0em;
padding-top: 0.45em;
padding-bottom: 0.45em;
}
.ui.vertical.menu input {
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input {
top: 0em;
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .input .icon {
.ui.vertical.menu .item > .input .icon {
top: 0px;
padding-top: 0.63em;
}
@ -778,11 +786,11 @@
.ui.secondary.menu a.item {
opacity: 0.8;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.ui.secondary.menu .header.item {

2
node/src/files/release/less/modules/checkbox.less

@ -182,6 +182,7 @@
---------------*/
.ui.slider.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}
@ -265,6 +266,7 @@
---------------*/
.ui.toggle.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}

6
node/src/files/release/less/modules/dropdown.less

@ -324,9 +324,9 @@
/* Visible */
.ui.selection.active.dropdown {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important;

2
node/src/files/release/minified/collections/menu.min.css
File diff suppressed because it is too large
View File

2
node/src/files/release/minified/modules/checkbox.min.css
File diff suppressed because it is too large
View File

2
node/src/files/release/minified/modules/dropdown.min.css
File diff suppressed because it is too large
View File

2
node/src/files/release/packaged/css/semantic.min.css
File diff suppressed because it is too large
View File

BIN
node/src/files/release/semantic.zip

30
node/src/files/release/uncompressed/collections/menu.css

@ -169,24 +169,32 @@
/*--------------
Inputs
---------------*/
.ui.menu .input,
.ui.menu .input input {
.ui.menu .item > .input,
.ui.menu .item > .input input {
width: 100%;
}
.ui.menu .input .icon {
padding-top: 0em;
top: -0.05em;
height: auto;
}
.ui.menu input {
margin: -0.55em 0em;
.ui.menu .item > .input input,
.ui.menu .item > input {
position: relative;
top: -0.6em;
margin: 0em;
padding-top: 0.45em;
padding-bottom: 0.45em;
}
.ui.vertical.menu input {
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input {
top: 0em;
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .input .icon {
.ui.vertical.menu .item > .input .icon {
top: 0px;
padding-top: 0.63em;
}
/*--------------
@ -607,11 +615,11 @@
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
opacity: 0.8;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.ui.secondary.menu .header.item {
border-right: 0.1em solid rgba(0, 0, 0, 0.1);

2
node/src/files/release/uncompressed/modules/checkbox.css

@ -136,6 +136,7 @@
Slider
---------------*/
.ui.slider.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}
@ -202,6 +203,7 @@
Toggle
---------------*/
.ui.toggle.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}

6
node/src/files/release/uncompressed/modules/dropdown.css

@ -258,9 +258,9 @@
}
/* Visible */
.ui.selection.active.dropdown {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
border-radius: 0.3125em 0.3125em 0em 0em !important;

4
node/src/files/spec/button.json

@ -1,6 +1,6 @@
{
// Package Name (SubType Type)
// Package Name (Name Type)
"Name" : "Semantic Button",
// Version #
@ -15,7 +15,7 @@
// ID of UI components that must be included
"Dependencies" : [],
// list of required components in "id name" format
// list of required components in "name type" format
"Coupling" : ["semantic icon", "semantic loader"],
// List of mutually exclusive types with their koan generators <https://github.com/zodoz/jquery-ZenCoding>

4
spec/button.json

@ -1,6 +1,6 @@
{
// Package Name (SubType Type)
// Package Name (Name Type)
"Name" : "Semantic Button",
// Version #
@ -15,7 +15,7 @@
// ID of UI components that must be included
"Dependencies" : [],
// list of required components in "id name" format
// list of required components in "name type" format
"Coupling" : ["semantic icon", "semantic loader"],
// List of mutually exclusive types with their koan generators <https://github.com/zodoz/jquery-ZenCoding>

30
src/collections/menu.less

@ -243,24 +243,32 @@
Inputs
---------------*/
.ui.menu .input,
.ui.menu .input input {
.ui.menu .item > .input,
.ui.menu .item > .input input {
width: 100%;
}
.ui.menu .input .icon {
padding-top: 0em;
top: -0.05em;
height: auto;
}
.ui.menu input {
margin: -0.55em 0em;
.ui.menu .item > .input input,
.ui.menu .item > input {
position: relative;
top: -0.6em;
margin: 0em;
padding-top: 0.45em;
padding-bottom: 0.45em;
}
.ui.vertical.menu input {
.ui.vertical.menu .item > .input input,
.ui.vertical.menu .item > input {
top: 0em;
margin: 0em;
padding-top: 0.63em;
padding-bottom: 0.63em;
}
.ui.vertical.menu .input .icon {
.ui.vertical.menu .item > .input .icon {
top: 0px;
padding-top: 0.63em;
}
@ -778,11 +786,11 @@
.ui.secondary.menu a.item {
opacity: 0.8;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.ui.secondary.menu .header.item {

2
src/modules/checkbox.less

@ -182,6 +182,7 @@
---------------*/
.ui.slider.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}
@ -265,6 +266,7 @@
---------------*/
.ui.toggle.checkbox {
cursor: pointer;
width: 3em;
height: 2em;
}

6
src/modules/dropdown.less

@ -324,9 +324,9 @@
/* Visible */
.ui.selection.active.dropdown {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important;

Loading…
Cancel
Save