github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

That wasn't supposed to be released yet.

Browse Source
This commit is contained in:
Chris Eppstein 2010-08-28 10:55:28 -07:00
parent 3db4760782
commit 7467463d13
1 changed files with 0 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
frameworks/compass/stylesheets/compass/layout/_floated.scss
View File

@ -1,113 +0,0 @@
@import "compass/utilities/general/float";
@import "compass/utilities/general/clearfix";
// Direction of the float
$compass-float-direction: left !default;
// Set to 0 to disable gutters
$compass-gutter-width: 10px !default;
$compass-left-gutter-width: ceil($compass-gutter-width / 2);
$compass-right-gutter-width: floor($compass-gutter-width / 2);
// A floated element is generally assigned a width to achieve table-less alignment
@mixin floated($side : $compass-float-direction,
$left-gutter : $compass-left-gutter-width,
$right-gutter : $compass-right-gutter-width) {
@include float($side);
@if $left-gutter > 0 {
margin-left: $left-gutter;
}
@if $right-gutter > 0 {
margin-right: $right-gutter;
}
}
// Remove the gutter for a particular side of a floated element
// pass `both` to disable the gutter on both sides.
@mixin gutterless($side) {
@if $side == both {
margin-left: 0;
margin-right: 0;
} @else {
margin-#{$side}: 0;
}
}
// provides the base structure required to make an element pushable in
// the specified direction (which defaults to `right`).
@mixin pushable($side: opposite-position($compass-float-direction)) {
@include float($side);
position: relative;
}
// provides the base structure required to make an element pullable in
// the specified direction (which defaults to `left`).
@mixin pullable($side : $compass-float-direction) {
@include float($side);
position: relative;
}
// push an element in the specified direction by the specified amount.
@mixin pushed($side, $amount) {
margin-#{$side}: -$amount;
margin-#{opposite-position($side)}: $amount;
}
// pull an element in the specified directionn by the specified amount.
@mixin pulled($side, $amount) {
margin-#{$side}: $amount;
}
// Take an element out of the float if it had been made floated already.
// This might be applied to an element to allow it to fill the remainder
// of a row, in which case you'll probably want to make that element also
// a float container.
@mixin sunken {
float: none;
width: auto;
margin-left: auto;
margin-right: auto;
}
// make an element centered within its fixed-width parent.
// Can be applied to a top level float container to create
// a centered layout within the window.
@mixin centered {
margin-left: auto;
margin-right: auto;
}
@mixin act-like-blueprint {
.clearfixed { @include pie-clearfix; }
.column { @include floated(left, 0, $compass-gutter-width); }
.last { @include gutterless(right); }
.float-container { @extend .clearfixed; }
.container { @extend .float-container; @include centered; }
.push { @include pushable; }
.pull { @include pullable; }
}
@mixin act-like-960 {
.clearfixed { @include pie-clearfix; }
.grid { @include floated(left, $compass-gutter-left-width, $compass-gutter-right-width); }
.alpha { @include gutterless(left); }
.omega { @include gutterless(right); }
.container { @extend .clearfixed; }
.grid-container { @extend .container; @include centered; }
.push { @include pushable; }
.pull { @include pullable; }
}
@mixin act-like-oocss {
.clearfixed { @include pie-clearfix; }
.line { @extend .clearfixed; }
.unit { @include floated(left, 0, 0); }
.lastUnit { @extend .clearfixed; @include sunken; }
.size1of1 { @include sunken; }
@for $divisions from 2 through 5 {
@for $segment from 1 to $divisions {
.size#{$segment}of#{$divisions} { width: percentage($segment / $divisions); }
}
}
}