////
/// Helper classes.
///
/// @group  Utilities
/// @author Sky Shabatura <theme@sky.camp>
/// @link   https://taproot-theme.com
////

// Create Classes for opacity.
// This is used on overlays without explicit content

@for $i from 1 through 10 {
    .has-background-dim-#{ $i * 10 } {
        opacity: $i * 0.1;
    }
}

// Class for creating an overlay.
// Assumes parent container has relative or absolute positioning
.taproot-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}

// Padding Classes
.pad {

    &-l {
        padding-left: 0.25em;
    }

    &-r {
        padding-right: 0.25em;
    }
}

// Margin Classes
.push {

    &-l {
        margin-left: 0.25em;
    }

    &-r {
        margin-right: 0.25em;
    }
}

// Flip Classes
.flip {

    &-h {
        transform: scale(-1, 1);
    }

    &-v {
        transform: scale(1, -1);
    }
}

// Rotation Classes
.rotate {

    &-90 {
        transform: rotate(90deg);
    }

    &-180 {
        transform: rotate(180deg);
    }

    &-270 {
        transform: rotate(270deg);
    }
}
