Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/admin/dashboard/static/sass/home-screen.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
#ct-dashboard {
2
+
3
+
.ct-dashboard-home-container {
4
+
display: grid;
5
+
gap: 30px;
6
+
7
+
&[data-columns="2"] {
8
+
@media (min-width: 783px) {
9
+
grid-template-columns: 1fr 320px;
10
+
}
11
+
}
12
+
13
+
&:not(:last-child) {
14
+
margin-bottom: 50px;
15
+
padding-bottom: 50px;
16
+
border-bottom: 1px dashed rgba(226, 230, 235, 0.7);
17
+
}
18
+
19
+
p {
20
+
font-size: 14px;
21
+
line-height: 1.7;
22
+
}
23
+
24
+
section {
25
+
container-type: inline-size;
26
+
27
+
ul {
28
+
display: grid;
29
+
gap: 30px;
30
+
margin: 0;
31
+
position: sticky;
32
+
top: 50px;
33
+
34
+
@container (min-width: 550px) {
35
+
grid-template-columns: repeat(2, 1fr);
36
+
}
37
+
38
+
li {
39
+
display: flex;
40
+
flex-direction: column;
41
+
margin: 0;
42
+
padding: 25px;
43
+
border-radius: 3px;
44
+
border: 1px solid rgba(226, 230, 235, 0.7);
45
+
// box-shadow: 0px 2px 5px rgba(143, 163, 184, 0.12);
46
+
47
+
p {
48
+
margin-bottom: 25px;
49
+
}
50
+
51
+
.ct-shortcut-actions {
52
+
display: flex;
53
+
align-items: center;
54
+
gap: 20px;
55
+
padding: 20px 25px;
56
+
57
+
margin: auto -25px -25px -25px;
58
+
border-top: 1px solid rgba(226, 230, 235, 0.6);
59
+
60
+
a {
61
+
display: flex;
62
+
align-items: center;
63
+
gap: 7px;
64
+
font-size: 13px;
65
+
font-weight: 400;
66
+
text-decoration: none;
67
+
transition: color 0.2s ease;
68
+
69
+
&:not(:hover) {
70
+
opacity: 0.8;
71
+
color: #727b86;
72
+
}
73
+
}
74
+
}
75
+
}
76
+
}
77
+
}
78
+
79
+
&[data-columns="1"] section ul {
80
+
@container (min-width: 850px) {
81
+
grid-template-columns: repeat(3, 1fr);
82
+
}
83
+
}
84
+
85
+
aside {
86
+
87
+
88
+
89
+
// .ct-support-buttons {
90
+
// flex-direction: column;
91
+
// }
92
+
}
93
+
}
94
+
}