.fh-1 {
    .est-layout-fixed-header(60px);
}

.fh-2 {
    .est-layout-fixed-header(5em, ~"#header", main);
}

.ff-1 {
    .est-layout-fixed-footer(60px);
}

.ff-2 {
    .est-layout-fixed-footer(5em, ~"#footer", main);
}

.sf-1 {
    .est-layout-sticky-footer(30px);
}

.sf-2 {
    .est-layout-sticky-footer(30px, main, ~"#footer", ~".ghost");
}

.page {
    .est-layout-page(960px);
}

.ls-1 {
    .est-layout-sidebar(left, 220px);
}

.ls-2 {
    .est-layout-sidebar(left, 220px, main, aside);
}

.ls-3 {
    .est-layout-sidebar(right, 180px);
}

.ls-4 {
    .est-layout-sidebar(right, 180px, main, aside);
}

.ls-5 {
    .est-layout-sidebar(220px, 180px);
}

.ls-6 {
    .est-layout-sidebar(220px, 180px, main, ~"#nav", ~"#ad");
}

.popup-1 {
    .est-layout-popup(center);
}

.popup-2 {
    .est-layout-popup(center, 0, ~".popup", ~".ghost");
}

.popup-3 {
    .est-layout-popup(top, 30);
}

.hl-1 {
    .est-layout-horizontal-list(5px);
}

.hl-2 {
    .est-layout-horizontal-list(10px, right);
}

.ffr-1 {
    .est-layout-fluid-fixed-ratio(1920, 1080, 32px);
}

.ffr-2 {
    .est-layout-fluid-fixed-ratio(4, 3, 20px, ~".media");
}
