layout-2x2.less
1.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/*
* ADOBE CONFIDENTIAL
*
* Copyright 2015 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Systems Incorporated and its suppliers,
* if any. The intellectual and technical concepts contained
* herein are proprietary to Adobe Systems Incorporated and its
* suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe Systems Incorporated.
*/
@import (reference) "layout.less";
@import (reference) "sizes.less";
@import (reference) "utilities.less";
/**
* Defines a simple 1x2 layout (1 row, 2 columns)
*
*/
.aem-Layout.aem-Layout--2x2 > .aem-LayoutCell--1-1,
.aem-Layout.aem-Layout--2x2 > .aem-LayoutCell--1-2,
.aem-Layout.aem-Layout--2x2 > .aem-LayoutCell--2-1,
.aem-Layout.aem-Layout--2x2 > .aem-LayoutCell--2-2 {
&:extend(.u-aem-Layout-width1of2);
&:extend(.u-aem-Layout-height1of2);
&:extend(.u-aem-Layout-left);
}
.aem-Layout.aem-Layout--2x2 > .aem-LayoutCell--1-2 {
&:extend(.u-aem-Layout-width2of2);
}
.aem-Layout.aem-Layout--2x2 > .aem-LayoutCell--2-1 {
&:extend(.u-aem-Layout-height2of2);
}
.aem-Layout.aem-Layout--2x2 > .aem-LayoutCell--2-2 {
&:extend(.u-aem-Layout-width2of2);
&:extend(.u-aem-Layout-height2of2);
}