Adds initial write of container element

src/elements/container.less

@@ -0,0 +1,112 @@
+/*
+ * # Semantic - Container
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'element';
+@element : 'container';
+
+@import '../semantic.config';
+
+/*******************************
+            Container
+*******************************/
+
+.ui.container {
+  display: block;
+  margin: 0em auto;
+}
+
+/* Coupling */
+
+.ui.container > .grid {
+  margin-left: 0% !important;
+  margin-right: 0% !important;
+}
+
+/*******************************
+            Types
+*******************************/
+
+
+/*-------------------
+         Page
+--------------------*/
+
+@media only screen and (max-width : 991px) {
+  .ui.page.container {
+    margin-left: 4%;
+    margin-right: 4%;
+  }
+}
+@media only screen and (min-width : 992px) {
+  .ui.page.container {
+    margin-left: 8%;
+    margin-right: 8%;
+  }
+}
+@media only screen and (min-width : 1500px) {
+  .ui.page.container {
+    margin-left: 13%;
+    margin-right: 13%;
+  }
+}
+@media only screen and (min-width : 1750px) {
+  .ui.page.container {
+    margin-left: 18%;
+    margin-right: 18%;
+  }
+}
+@media only screen and (min-width : 2000px) {
+  .ui.page.container {
+    margin-left: 23%;
+    margin-right: 23%;
+  }
+}
+
+/* Padded */
+.ui.padded.page.container {
+  margin-left: 0em;
+  margin-right: 0em;
+}
+@media only screen and (max-width : 991px) {
+  .ui.padded.page.container {
+    padding-left: 4%;
+    padding-right: 4%;
+  }
+}
+@media only screen and (min-width : 992px) {
+  .ui.padded.page.container {
+    padding-left: 8%;
+    padding-right: 8%;
+  }
+}
+@media only screen and (min-width : 1500px) {
+  .ui.padded.page.container {
+    padding-left: 13%;
+    padding-right: 13%;
+  }
+}
+@media only screen and (min-width : 1750px) {
+  .ui.padded.page.container {
+    padding-left: 18%;
+    padding-right: 18%;
+  }
+}
+@media only screen and (min-width : 2000px) {
+  .ui.padded.page.container {
+    padding-left: 23%;
+    padding-right: 23%;
+  }
+}
+

src/themes/default/elements/container.overrides

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

src/themes/default/elements/container.variables

@@ -0,0 +1,6 @@
+
+/*-------------------
+      Container
+--------------------*/
+
+

src/themes/user/elements/container.overrides

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

src/themes/user/elements/container.variables

@@ -0,0 +1,6 @@
+
+/*-------------------
+      Container
+--------------------*/
+
+