diff --git a/build/packaged/css/semantic.css b/build/packaged/css/semantic.css index 1cb4539f1..9339b3637 100644 --- a/build/packaged/css/semantic.css +++ b/build/packaged/css/semantic.css @@ -8788,108 +8788,6 @@ a.ui.teal.label:hover:before { border-radius: 0px 0px 5px 5px; } -/* - * # Semantic - Input - * http://github.com/jlukic/semantic-ui/ - * - * - * Copyright 2013 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -/******************************* - Standard -*******************************/ -/*-------------------- - Select ----------------------*/ -.ui.select { - display: inline-block; - position: relative; -} -.ui.select select { - width: 100%; - height: 3em; - margin: 0em; - padding: 0.7em 10px; - font-size: 0.9em; - line-height: 1.4em; - vertical-align: middle; - border: 1px solid rgba(0, 0, 0, 0.3); - color: rgba(0, 0, 0, 0.7); - -webkit-border-radius: 0.3125em; - -moz-border-radius: 0.3125em; - border-radius: 0.3125em; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; -} -/******************************* - States -*******************************/ -/*-------------------- - Active ----------------------*/ -.ui.select select:active, -.ui.input.down input { - border-color: rgba(0, 0, 0, 0.3); - background-color: #FAFAFA; -} -/*-------------------- - Focus ----------------------*/ -.ui.select.focus select, -.ui.select select:focus { - border-color: rgba(0, 0, 0, 0.6); - color: rgba(0, 0, 0, 0.85); -} -/*-------------------- - Error ----------------------*/ -.ui.select.error select { - background-color: #FFFAFA; - border-color: #E7BEBE; - color: #D95C5C; -} -/******************************* - Variations -*******************************/ -/*-------------------- - Fluid ----------------------*/ -.ui.fluid.select { - display: block; -} -/*-------------------- - Size ----------------------*/ -.ui.mini.select { - font-size: 0.8125rem; -} -.ui.tiny.select { - font-size: 0.875rem; -} -.ui.small.select { - font-size: 0.875rem; -} -.ui.select { - font-size: 1rem; -} -.ui.large.select { - font-size: 1.125rem; -} -.ui.big.select { - font-size: 1.25rem; -} -.ui.huge.select { - font-size: 1.375rem; -} -.ui.massive.select { - font-size: 1.5rem; -} - /* * # Semantic - Steps * http://github.com/jlukic/semantic-ui/ diff --git a/node/Gruntfile.js b/node/Gruntfile.js index d148941b4..67d997868 100755 --- a/node/Gruntfile.js +++ b/node/Gruntfile.js @@ -69,15 +69,15 @@ module.exports = function(grunt) { // creates release zip 'compress:everything', + // cleans previous generated release + 'clean:release', + // copies assets to rtl 'copy:buildToRTL', // create rtl release 'cssjanus:rtl', - // cleans docs build folder - 'clean:docs', - // copies spec files over to docs 'copy:specToDocs', @@ -115,14 +115,20 @@ module.exports = function(grunt) { *******************************/ clean: { - build : { - cwd: '../build', - src: '*' + options: { + force: true }, - docs : { - cwd: 'src/files/build/', - src: '*' - } + build : [ + 'src/files/build', + '../build/less', + '../build/minified', + '../build/packaged', + '../build/uncompressed' + ], + release : [ + '../docs', + '../rtl' + ] }, docco: { diff --git a/node/src/files/build/packaged/css/semantic.css b/node/src/files/build/packaged/css/semantic.css index 1cb4539f1..9339b3637 100644 --- a/node/src/files/build/packaged/css/semantic.css +++ b/node/src/files/build/packaged/css/semantic.css @@ -8788,108 +8788,6 @@ a.ui.teal.label:hover:before { border-radius: 0px 0px 5px 5px; } -/* - * # Semantic - Input - * http://github.com/jlukic/semantic-ui/ - * - * - * Copyright 2013 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -/******************************* - Standard -*******************************/ -/*-------------------- - Select ----------------------*/ -.ui.select { - display: inline-block; - position: relative; -} -.ui.select select { - width: 100%; - height: 3em; - margin: 0em; - padding: 0.7em 10px; - font-size: 0.9em; - line-height: 1.4em; - vertical-align: middle; - border: 1px solid rgba(0, 0, 0, 0.3); - color: rgba(0, 0, 0, 0.7); - -webkit-border-radius: 0.3125em; - -moz-border-radius: 0.3125em; - border-radius: 0.3125em; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; -} -/******************************* - States -*******************************/ -/*-------------------- - Active ----------------------*/ -.ui.select select:active, -.ui.input.down input { - border-color: rgba(0, 0, 0, 0.3); - background-color: #FAFAFA; -} -/*-------------------- - Focus ----------------------*/ -.ui.select.focus select, -.ui.select select:focus { - border-color: rgba(0, 0, 0, 0.6); - color: rgba(0, 0, 0, 0.85); -} -/*-------------------- - Error ----------------------*/ -.ui.select.error select { - background-color: #FFFAFA; - border-color: #E7BEBE; - color: #D95C5C; -} -/******************************* - Variations -*******************************/ -/*-------------------- - Fluid ----------------------*/ -.ui.fluid.select { - display: block; -} -/*-------------------- - Size ----------------------*/ -.ui.mini.select { - font-size: 0.8125rem; -} -.ui.tiny.select { - font-size: 0.875rem; -} -.ui.small.select { - font-size: 0.875rem; -} -.ui.select { - font-size: 1rem; -} -.ui.large.select { - font-size: 1.125rem; -} -.ui.big.select { - font-size: 1.25rem; -} -.ui.huge.select { - font-size: 1.375rem; -} -.ui.massive.select { - font-size: 1.5rem; -} - /* * # Semantic - Steps * http://github.com/jlukic/semantic-ui/ diff --git a/node/src/files/build/semantic.zip b/node/src/files/build/semantic.zip index aac083232..cdac0b535 100644 Binary files a/node/src/files/build/semantic.zip and b/node/src/files/build/semantic.zip differ diff --git a/rtl/examples/feed.css b/rtl/examples/feed.css new file mode 100644 index 000000000..f0d1859d4 --- /dev/null +++ b/rtl/examples/feed.css @@ -0,0 +1,96 @@ +/******************************* + Global +*******************************/ + +html, +body { + font-size: 15px; + height: 100%; +} + +body { + font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + background: #FFFFFF; + margin: 0px; + padding: 0px; + color: #555555; + text-rendering: optimizeLegibility; + min-width: 320px; +} + +.ui.header { + font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +/******************************* + Global +*******************************/ + +/*------------------- + Sidebar +--------------------*/ + +#feed .sidebar { + overflow: visible; +} + +/*------------------- + Grid +--------------------*/ + +#feed .grid { + height: 100%; +} +#feed > .grid > .column { + height: 100%; +} + + +/*------------------- + Inbox +--------------------*/ + +#feed .inbox.tab { + background-color: #FFFFFF; +} +#feed .inbox.tab .item { + padding-top: 1rem; + padding-bottom: 1rem; +} +#feed .inbox.tab .item .rating { + margin-top: 0.2rem; +} +#feed .inbox.tab .item .description { + margin-right: 2em; +} +#feed .page { + float: left; + margin-top: 0.9em; +} + +#feed .middle.column { + padding: 1em 2em; +} +#feed .right.column { + padding: 1em 2em; + background-color: #FFFFFF; +} + + +/******************************* + Responsive +*******************************/ + + +@media only screen and (max-width : 1000px) { + #feed .inbox .date { + float: none; + margin-bottom: 0.5em; + } +} + +@media only screen and (max-width : 1250px) { + #feed .left.column > .menu .item { + font-size: 1rem; + } +} \ No newline at end of file diff --git a/rtl/examples/feed.html b/rtl/examples/feed.html new file mode 100644 index 000000000..98b12c4bc --- /dev/null +++ b/rtl/examples/feed.html @@ -0,0 +1,149 @@ + + + + + + + + + Feed Example - Semantic + + + + + + + + + + + + + +
+
+

+ +
+ Menu +
+ Inbox +

+ + + + + +
+ +
Showing 6 of 213
+ +
+
+

Weekly Webcomic Wrapup fought the law, and the law won

+ Tags: Unread Comics +

So there's this video game coming out Tuesday called Grand Theft Auto 5. Don't know if you've heard of it. Anyways, it's all about crime and gangs and some roughneck ne'er-do-wells, so I thought this would be the perfect time to talk about times when we've been... well, less than perfect.

+

When I was a young'un, I was a frequent visitor to the local swimming pool. I was also a frequent lover of AirHeads candy, which the pool happened to sell. Waiting, watching, stalking the counter like a big cat in the savannah, I waited for the perfect opportunity to strike. While the lifeguards were busy, I snuck through the gate, reached up and took both cherry and "mystery white" AirHeads. I quickly ran out to the sidewalk and reveled in my sweet, delicious victory... for all of ten seconds, before I felt guilty enough to sneak back in and return the .20 worth of candy I had stolen.

+

While you confess your crimes - hopefully minor, and nothing you can be persecuted for - take a moment to enjoy this week's webcomics, and vote for your favorite after the jump.

+
+
Save
+
Delete
+
+
+ + + \ No newline at end of file diff --git a/rtl/examples/feed.js b/rtl/examples/feed.js new file mode 100644 index 000000000..891d1e37a --- /dev/null +++ b/rtl/examples/feed.js @@ -0,0 +1,23 @@ +$(document) + .ready(function() { + + $('.filter.menu .item') + .tab() + ; + + $('.ui.rating') + .rating({ + clearable: true + }) + ; + + $('.ui.sidebar') + .sidebar('attach events', '.launch.button') + ; + + $('.ui.dropdown') + .dropdown() + ; + + }) +; \ No newline at end of file