eSales Media Git repositories
Browse code

Prefix backend css for better distinction

Benjamin Roth authored on01/03/2025 11:03:34
Showing6 changed files
public/css/be_grid_position_widget.css
History View file @74987d8
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,62 @@
1 
+:root {
2 
+  --gp-primary: #a80556;
3 
+  --gp-primary-rgb: 168, 5, 86;
4 
+  --contao: var(--gp-primary);
5 
+  --contao-rgb: var(--gp-primary-rgb);
6 
+  --header-bg: var(--gp-primary);
7 
+}
8 
+
9 
+.vr--grid-pos-container {
10 
+  margin: 3px 0;
11 
+  display: grid;
12 
+  grid-template-columns: repeat(6, 1fr);
13 
+  grid-gap: 5px;
14 
+}
15 
+.vr--grid-pos-container[data-cols="1"] {
16 
+  grid-template-columns: repeat(1, 1fr);
17 
+}
18 
+.vr--grid-pos-container[data-cols="2"] {
19 
+  grid-template-columns: repeat(2, 1fr);
20 
+}
21 
+.vr--grid-pos-container[data-cols="3"] {
22 
+  grid-template-columns: repeat(3, 1fr);
23 
+}
24 
+.vr--grid-pos-container[data-cols="4"] {
25 
+  grid-template-columns: repeat(4, 1fr);
26 
+}
27 
+.vr--grid-pos-container[data-cols="5"] {
28 
+  grid-template-columns: repeat(5, 1fr);
29 
+}
30 
+.vr--grid-pos-container[data-cols="6"] {
31 
+  grid-template-columns: repeat(6, 1fr);
32 
+}
33 
+.vr--grid-pos-container[data-cols="7"] {
34 
+  grid-template-columns: repeat(7, 1fr);
35 
+}
36 
+.vr--grid-pos-container[data-cols="8"] {
37 
+  grid-template-columns: repeat(8, 1fr);
38 
+}
39 
+.vr--grid-pos-container[data-cols="9"] {
40 
+  grid-template-columns: repeat(9, 1fr);
41 
+}
42 
+.vr--grid-pos-container[data-cols="10"] {
43 
+  grid-template-columns: repeat(10, 1fr);
44 
+}
45 
+.vr--grid-pos-container[data-cols="11"] {
46 
+  grid-template-columns: repeat(11, 1fr);
47 
+}
48 
+.vr--grid-pos-container[data-cols="12"] {
49 
+  grid-template-columns: repeat(12, 1fr);
50 
+}
51 
+
52 
+.grid-cell {
53 
+  height: 30px;
54 
+  border: 1px solid #ccc;
55 
+  cursor: pointer;
56 
+}
57 
+.grid-cell:hover {
58 
+  background-color: rgba(var(--contao-rgb), 0.3);
59 
+}
60 
+.grid-cell.selected {
61 
+  background-color: var(--contao);
62 
+}
public/css/be_grid_position_widget.min.css
History View file @74987d8
0 63 
new file mode 100644
... ... 
@@ -0,0 +1 @@
1 
+:root{--gp-primary:#a80556;--gp-primary-rgb:168, 5, 86;--contao:var(--gp-primary);--contao-rgb:var(--gp-primary-rgb);--header-bg:var(--gp-primary)}.vr--grid-pos-container{margin:3px 0;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px}.vr--grid-pos-container[data-cols="1"]{grid-template-columns:repeat(1,1fr)}.vr--grid-pos-container[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.vr--grid-pos-container[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.vr--grid-pos-container[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.vr--grid-pos-container[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.vr--grid-pos-container[data-cols="6"]{grid-template-columns:repeat(6,1fr)}.vr--grid-pos-container[data-cols="7"]{grid-template-columns:repeat(7,1fr)}.vr--grid-pos-container[data-cols="8"]{grid-template-columns:repeat(8,1fr)}.vr--grid-pos-container[data-cols="9"]{grid-template-columns:repeat(9,1fr)}.vr--grid-pos-container[data-cols="10"]{grid-template-columns:repeat(10,1fr)}.vr--grid-pos-container[data-cols="11"]{grid-template-columns:repeat(11,1fr)}.vr--grid-pos-container[data-cols="12"]{grid-template-columns:repeat(12,1fr)}.grid-cell{height:30px;border:1px solid #ccc;cursor:pointer}.grid-cell:hover{background-color:rgba(var(--contao-rgb),.3)}.grid-cell.selected{background-color:var(--contao)}
0 2 
\ No newline at end of file
public/css/be_grid_position_widget.scss
History View file @74987d8
1 3 
new file mode 100644
... ... 
@@ -0,0 +1,34 @@
1 
+:root {
2 
+  --gp-primary: #a80556;
3 
+  --gp-primary-rgb: 168, 5, 86;
4 
+  --contao: var(--gp-primary);
5 
+  --contao-rgb: var(--gp-primary-rgb);
6 
+  --header-bg: var(--gp-primary);
7 
+}
8 
+
9 
+.vr--grid-pos-container {
10 
+  margin: 3px 0;
11 
+  display: grid;
12 
+  grid-template-columns: repeat(6, 1fr);
13 
+  grid-gap: 5px;
14 
+
15 
+  @for $i from 1 through 12 {
16 
+    &[data-cols="#{$i}"] {
17 
+      grid-template-columns: repeat($i, 1fr);
18 
+    }
19 
+  }
20 
+}
21 
+
22 
+.grid-cell {
23 
+  height: 30px;
24 
+  border: 1px solid #ccc;
25 
+  cursor: pointer;
26 
+
27 
+  &:hover {
28 
+    background-color: rgba(var(--contao-rgb),.3);
29 
+  }
30 
+
31 
+  &.selected {
32 
+    background-color: var(--contao);
33 
+  }
34 
+}
public/css/grid_position_widget.css
History View file @74987d8
0 35 
deleted file mode 100644
... ... 
@@ -1,62 +0,0 @@
1 
-:root {
2 
-  --gp-primary: #a80556;
3 
-  --gp-primary-rgb: 168, 5, 86;
4 
-  --contao: var(--gp-primary);
5 
-  --contao-rgb: var(--gp-primary-rgb);
6 
-  --header-bg: var(--gp-primary);
7 
-}
8 
-
9 
-.vr--grid-pos-container {
10 
-  margin: 3px 0;
11 
-  display: grid;
12 
-  grid-template-columns: repeat(6, 1fr);
13 
-  grid-gap: 5px;
14 
-}
15 
-.vr--grid-pos-container[data-cols="1"] {
16 
-  grid-template-columns: repeat(1, 1fr);
17 
-}
18 
-.vr--grid-pos-container[data-cols="2"] {
19 
-  grid-template-columns: repeat(2, 1fr);
20 
-}
21 
-.vr--grid-pos-container[data-cols="3"] {
22 
-  grid-template-columns: repeat(3, 1fr);
23 
-}
24 
-.vr--grid-pos-container[data-cols="4"] {
25 
-  grid-template-columns: repeat(4, 1fr);
26 
-}
27 
-.vr--grid-pos-container[data-cols="5"] {
28 
-  grid-template-columns: repeat(5, 1fr);
29 
-}
30 
-.vr--grid-pos-container[data-cols="6"] {
31 
-  grid-template-columns: repeat(6, 1fr);
32 
-}
33 
-.vr--grid-pos-container[data-cols="7"] {
34 
-  grid-template-columns: repeat(7, 1fr);
35 
-}
36 
-.vr--grid-pos-container[data-cols="8"] {
37 
-  grid-template-columns: repeat(8, 1fr);
38 
-}
39 
-.vr--grid-pos-container[data-cols="9"] {
40 
-  grid-template-columns: repeat(9, 1fr);
41 
-}
42 
-.vr--grid-pos-container[data-cols="10"] {
43 
-  grid-template-columns: repeat(10, 1fr);
44 
-}
45 
-.vr--grid-pos-container[data-cols="11"] {
46 
-  grid-template-columns: repeat(11, 1fr);
47 
-}
48 
-.vr--grid-pos-container[data-cols="12"] {
49 
-  grid-template-columns: repeat(12, 1fr);
50 
-}
51 
-
52 
-.grid-cell {
53 
-  height: 30px;
54 
-  border: 1px solid #ccc;
55 
-  cursor: pointer;
56 
-}
57 
-.grid-cell:hover {
58 
-  background-color: rgba(var(--contao-rgb), 0.3);
59 
-}
60 
-.grid-cell.selected {
61 
-  background-color: var(--contao);
62 
-}
public/css/grid_position_widget.min.css
History View file @74987d8
63 0 
deleted file mode 100644
... ... 
@@ -1 +0,0 @@
1 
-:root{--gp-primary:#a80556;--gp-primary-rgb:168, 5, 86;--contao:var(--gp-primary);--contao-rgb:var(--gp-primary-rgb);--header-bg:var(--gp-primary)}.vr--grid-pos-container{margin:3px 0;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px}.vr--grid-pos-container[data-cols="1"]{grid-template-columns:repeat(1,1fr)}.vr--grid-pos-container[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.vr--grid-pos-container[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.vr--grid-pos-container[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.vr--grid-pos-container[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.vr--grid-pos-container[data-cols="6"]{grid-template-columns:repeat(6,1fr)}.vr--grid-pos-container[data-cols="7"]{grid-template-columns:repeat(7,1fr)}.vr--grid-pos-container[data-cols="8"]{grid-template-columns:repeat(8,1fr)}.vr--grid-pos-container[data-cols="9"]{grid-template-columns:repeat(9,1fr)}.vr--grid-pos-container[data-cols="10"]{grid-template-columns:repeat(10,1fr)}.vr--grid-pos-container[data-cols="11"]{grid-template-columns:repeat(11,1fr)}.vr--grid-pos-container[data-cols="12"]{grid-template-columns:repeat(12,1fr)}.grid-cell{height:30px;border:1px solid #ccc;cursor:pointer}.grid-cell:hover{background-color:rgba(var(--contao-rgb),.3)}.grid-cell.selected{background-color:var(--contao)}
2 0 
\ No newline at end of file
public/css/grid_position_widget.scss
History View file @74987d8
3 1 
deleted file mode 100644
... ... 
@@ -1,34 +0,0 @@
1 
-:root {
2 
-  --gp-primary: #a80556;
3 
-  --gp-primary-rgb: 168, 5, 86;
4 
-  --contao: var(--gp-primary);
5 
-  --contao-rgb: var(--gp-primary-rgb);
6 
-  --header-bg: var(--gp-primary);
7 
-}
8 
-
9 
-.vr--grid-pos-container {
10 
-  margin: 3px 0;
11 
-  display: grid;
12 
-  grid-template-columns: repeat(6, 1fr);
13 
-  grid-gap: 5px;
14 
-
15 
-  @for $i from 1 through 12 {
16 
-    &[data-cols="#{$i}"] {
17 
-      grid-template-columns: repeat($i, 1fr);
18 
-    }
19 
-  }
20 
-}
21 
-
22 
-.grid-cell {
23 
-  height: 30px;
24 
-  border: 1px solid #ccc;
25 
-  cursor: pointer;
26 
-
27 
-  &:hover {
28 
-    background-color: rgba(var(--contao-rgb),.3);
29 
-  }
30 
-
31 
-  &.selected {
32 
-    background-color: var(--contao);
33 
-  }
34 
-}