layout-3x3.less
2.55 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
/*
* 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 3x3 layout (3 rows, 3 columns)
*
*/
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--1-1,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--1-2,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--1-3,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--2-1,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--2-2,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--2-3,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--3-1,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--3-2,
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--3-3 {
&:extend(.u-aem-Layout-width1of3);
&:extend(.u-aem-Layout-height1of3);
&:extend(.u-aem-Layout-left);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--1-1 {
&:extend(.u-aem-Layout-width1of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--1-2 {
&:extend(.u-aem-Layout-width2of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--1-3 {
&:extend(.u-aem-Layout-width3of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--2-1 {
&:extend(.u-aem-Layout-width1of3);
&:extend(.u-aem-Layout-height2of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--2-2 {
&:extend(.u-aem-Layout-width2of3);
&:extend(.u-aem-Layout-height2of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--2-3 {
&:extend(.u-aem-Layout-width3of3);
&:extend(.u-aem-Layout-height2of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--3-1 {
&:extend(.u-aem-Layout-width1of3);
&:extend(.u-aem-Layout-height3of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--3-2 {
&:extend(.u-aem-Layout-width2of3);
&:extend(.u-aem-Layout-height3of3);
}
.aem-Layout.aem-Layout--3x1 > .aem-LayoutCell--3-3 {
&:extend(.u-aem-Layout-width3of3);
&:extend(.u-aem-Layout-height3of3);
}
.aem-Layout.aem-Layout--3x3 > .aem-LayoutCell--3-3::after {
content: '';
display: block;
&:extend(.u-aem-Layout-clearLeft);
}