diff options
author | Jacob Thornton <jacobthornton@gmail.com> | 2012-01-27 09:48:46 +0400 |
---|---|---|
committer | Jacob Thornton <jacobthornton@gmail.com> | 2012-01-27 09:48:46 +0400 |
commit | dc2deb9a1b1995bbabee91bfd579d9b466fe78f2 (patch) | |
tree | 9606da7326fd0a1e2ba1727e7390a69555bd92c3 /less/layouts.less | |
parent | e0e54d9c6cb39eae53e31117c38ceae0a08a6e0b (diff) |
moving structure around + more work on builder...
Diffstat (limited to 'less/layouts.less')
-rw-r--r-- | less/layouts.less | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/less/layouts.less b/less/layouts.less new file mode 100644 index 0000000000..14435c9d15 --- /dev/null +++ b/less/layouts.less @@ -0,0 +1,43 @@ +// +// Layouts +// Fixed-width and fluid (with sidebar) layouts +// -------------------------------------------- + + +// Container (centered, fixed-width layouts) +.container { + .container-fixed(); +} + +// Fluid layouts (left aligned, with sidebar, min- & max-width content) +.fluid-container { + position: relative; + min-width: @siteWidth; + padding-left: @gridGutterWidth; + padding-right: @gridGutterWidth; + .clearfix(); +} + +// Sidebars (left and right options) +.fluid-sidebar { + width: @fluidSidebarWidth; + margin: 0 20px 18px; +} +.sidebar-left { padding-left: @fluidSidebarWidth + @gridGutterWidth * 2; } +.sidebar-right { padding-right: @fluidSidebarWidth + @gridGutterWidth * 2; } + +// Float the sidebars accordingly +.sidebar-left .fluid-sidebar { + float: left; + margin-left: (@fluidSidebarWidth + @gridGutterWidth) * -1; +} +.sidebar-right .fluid-sidebar { + float: right; + margin-right: (@fluidSidebarWidth + @gridGutterWidth) * -1; +} + +// The main content area +.fluid-content { + float: left; + width: 100%; +} |