keii.dev
+17
-6
resources/css/bem/team-settings.less
+17
-6
resources/css/bem/team-settings.less
···
3
3
4
4
.team-settings {
5
5
display: grid;
6
-
gap: 5px;
6
+
gap: 15px 5px;
7
+
8
+
@media @desktop {
9
+
gap: 5px;
10
+
}
7
11
8
12
&__buttons {
9
13
display: flex;
···
30
34
}
31
35
32
36
&__item {
37
+
--grid-columns: 1fr;
38
+
--grid-columns-desktop: 2fr 1fr;
39
+
align-items: start;
33
40
display: grid;
34
-
grid-template-columns: 2fr 1fr;
35
-
gap: 15px;
41
+
gap: 5px 15px;
42
+
grid-template-columns: var(--grid-columns);
43
+
44
+
@media @desktop {
45
+
--grid-columns: var(--grid-columns-desktop);
46
+
}
36
47
37
48
&--buttons {
38
-
grid-template-columns: 1fr auto;
49
+
--grid-columns-desktop: 1fr auto;
39
50
}
40
51
41
52
&--description {
42
-
grid-template-columns: 1fr 1fr;
53
+
--grid-columns-desktop: 1fr 1fr;
43
54
}
44
55
45
56
&--image {
46
-
grid-template-columns: 1fr;
57
+
--grid-columns-desktop: 1fr;
47
58
}
48
59
}
49
60
}