Adds proper folder cleaning to grunt to avoid issues with changing branches causing orphaned files, adds examples to rtl

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/

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: {

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/

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;
+  }
+}

rtl/examples/feed.html

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<head>
+  <!-- Standard Meta -->
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+  <!-- Site Properities -->
+  <title>Feed Example - Semantic</title>
+
+  <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" type="text/css" href="../packaged/css/semantic.css">
+
+  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
+  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.address/1.6/jquery.address.js"></script>
+  <script src="../packaged/javascript/semantic.js"></script>
+
+  <link rel="stylesheet" type="text/css" href="feed.css">
+  <script src="feed.js"></script>
+</head>
+<body id="feed">
+  <div class="ui large inverted vertical sidebar menu">
+    <a class="active item">
+      Dogs Weekly <span class="ui label">213</span>
+    </a>
+    <a class="item">
+      Joystiq <span class="ui label">113</span>
+    </a>
+    <div class="item">
+      <b>Archived Feeds</b>
+      <div class="menu">
+        <a class="item">
+          Engadget <span class="ui label">11</span>
+        </a>
+        <a class="item">
+          NY Times Tech Blog <span class="ui label">21</span>
+        </a>
+      </div>
+    </div>
+    <a class="item">
+      <i class="bookmark icon"></i> Favorites
+    </a>
+    <div class="ui dropdown item">
+      <i class="add icon"></i> New
+      <div class="menu">
+        <a class="item"><i class="rss icon"></i> Feed</a>
+        <a class="item"><i class="tag icon"></i> Tag</a>
+        <a class="item"><i class="folder icon"></i> Group</a>
+      </div>
+    </div>
+  </div>
+  <div class="ui celled grid">
+    <div class="seven wide middle column">
+      <h2 class="ui header">
+        <i class="inbox icon"></i>
+        <div class="ui right floated black launch button">
+          <i class="list layout icon"></i> Menu
+        </div>
+        Inbox
+      </h2>
+      <div class="ui tabular filter menu">
+        <a class="active item" data-tab="unread">Unread</a>
+        <a class="item" data-tab="saved">Saved</a>
+        <a class="item" data-tab="all">All</a>
+      </div>
+      <div class="ui divided inbox selection list active tab" data-tab="unread">
+        <a class="active item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 14, 2013</div>
+          <div class="description">Weekly Webcomic Wrapup fought the law, and the law won</div>
+        </a>
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 14, 2013</div>
+          <div class="description">Scientists discover new breed of dog</div>
+        </a>
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 10, 2013</div>
+          <div class="description">Dogs colony in Antarctica</div>
+        </a>
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 09, 2013</div>
+          <div class="description">Famous dog whisperer Chakotay dies today at 104</div>
+        </a>
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 07, 2013</div>
+          <div class="description">Top 10 Things to Know about Labradoodles</div>
+        </a>
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 05, 2013</div>
+          <div class="description">Study shows children enjoy the company of animals</div>
+        </a>
+      </div>
+      <div class="ui divided inbox selection list tab" data-tab="saved">
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 14, 2013</div>
+          <div class="description">Your favorite saved article</div>
+        </a>
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 14, 2013</div>
+          <div class="description">Your favorite saved article</div>
+        </a>
+        <a class="item">
+          <div class="left floated ui star rating"><i class="icon"></i></div>
+          <div class="right floated date">Sep 14, 2013</div>
+          <div class="description">Your favorite saved article</div>
+        </a>
+      </div>
+      <div class="ui divided inbox selection list tab" data-tab="all">
+        <a class="item">
+          <div class="left floated ui star rating"><i class="link icon"></i></div>
+          <div class="right floated date">Sep 14, 2013</div>
+          <div class="description">There turns out there is only one article under all.</div>
+        </a>
+      </div>
+
+      <div class="ui divider"></div>
+
+      <div class="page">Showing <b>6</b> of 213</div>
+      <div class="ui pagination menu">
+        <a class="icon item"><i class="icon left arrow"></i></a>
+        <a class="active item">1</a>
+        <div class="disabled item">...</div>
+        <a class="item">10</a>
+        <a class="item">11</a>
+        <a class="item">12</a>
+        <a class="icon item"><i class="icon right arrow"></i></a>
+      </div>
+    </div>
+    <div class="nine wide right column">
+      <h1 class="ui header">Weekly Webcomic Wrapup fought the law, and the law won</h1>
+      Tags: <a class="ui label">Unread</a> <a class="ui label">Comics</a>
+      <p>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.</p>
+      <p>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.</p>
+      <p>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.</p>
+      <div class="ui divider"></div>
+      <div class="ui basic button">Save</div>
+      <div class="ui basic button">Delete</div>
+    </div>
+  </div>
+</body>
+
+</html>

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()
+    ;
+
+  })
+;