Contents

// Container clear fix for floats
@mixin clear-fix {
    &:after {
        content: "";
        display: block;
        height: 0;
        line-height: 0;
        clear: both;
        visibility: hidden;
    }
}

// Reset an inline-block element to defaults
@mixin reset-inline-block {
    display: inline-block;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}

// Remove the top and bottom margin from content elements
// Allows for perfect spacing within content blocks
@mixin content-spacing {
    p, ul, ol, hr, blockquote {
        &:first-child { margin-top: 0; }
        &:last-child { margin-bottom: 0; }
    }
}

@mixin size-small {
    font-size: $small-size;
    padding: $small-padding;
}

@mixin size-medium {
    font-size: $medium-size;
    padding: $medium-padding;
}

@mixin size-large {
    font-size: $large-size;
    padding: $large-padding;
}

// Generate a self selector or parent selector for assigning size classes
@mixin is-size($size, $self: true, $parent: false) {
    $selectors: ();

    @if $self {
        $selectors: $selectors, unquote("&." + $size);
    }

    @if $parent {
        $selectors: $selectors, unquote("." + $size + " &");
    }

    #{$selectors} {
        @content;
    }
}

@mixin is-small($self: true, $parent: false) {
    @include is-size($size-small-class, $self, $parent) {
        @content;
    }
}

@mixin is-medium($self: true, $parent: false) {
    @include is-size($size-medium-class, $self, $parent) {
        @content;
    }
}

@mixin is-large($self: true, $parent: false) {
    @include is-size($size-large-class, $self, $parent) {
        @content;
    }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
titon-toolkit-1.0.5	scss/toolkit/mixins/_layout.scss
titon-toolkit-1.0.4	scss/toolkit/mixins/_layout.scss
titon-toolkit-1.0.2	scss/toolkit/mixins/_layout.scss
titon-toolkit-1.0.1	scss/toolkit/mixins/_layout.scss