diff --git a/src/elements/container.less b/src/elements/container.less new file mode 100644 index 000000000..e88e2fb0e --- /dev/null +++ b/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%; + } +} + diff --git a/src/themes/default/elements/container.overrides b/src/themes/default/elements/container.overrides new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/src/themes/default/elements/container.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/default/elements/container.variables b/src/themes/default/elements/container.variables new file mode 100644 index 000000000..6d265450e --- /dev/null +++ b/src/themes/default/elements/container.variables @@ -0,0 +1,6 @@ + +/*------------------- + Container +--------------------*/ + + diff --git a/src/themes/user/elements/container.overrides b/src/themes/user/elements/container.overrides new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/src/themes/user/elements/container.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/user/elements/container.variables b/src/themes/user/elements/container.variables new file mode 100644 index 000000000..6d265450e --- /dev/null +++ b/src/themes/user/elements/container.variables @@ -0,0 +1,6 @@ + +/*------------------- + Container +--------------------*/ + +