elementor / app / assets / js / ui / table / table.scss

table.scss in Elementor Website Builder – more than just a page builder 3.8.0-beta1, at app/assets/js/ui/table/table.scss

83 lines 1.5 KB

Raw Download Zip

1	$eps-table-body-color: tints(700);
2	$eps-table-body-dark-color: dark-tints(200);
3	$eps-table-body-background-color: theme-colors(light);
4	$eps-table-body-dark-background-color: dark-tints(600);
5
6	$eps-table-body-cell-start-radius: #{$eps-radius} 0 0 #{$eps-radius};
7	$eps-table-body-cell-end-radius: 0 #{$eps-radius} #{$eps-radius} 0;
8
9	$root: eps-table;
10
11	.#{$root} {
12	$parent: &;
13
14	--eps-table-body-color: #{$eps-table-body-color};
15	--eps-table-body-background-color: #{$eps-table-body-background-color};
16
17	border-spacing: 0 2px;
18	table-layout: fixed;
19	width: 100%;
20
21	&__checkboxes-column {
22	width: spacing(30);
23	}
24
25	&__checkbox {
26	display: flex;
27	flex-shrink: 0;
28	}
29
30	&__cell {
31	padding: spacing(16);
32	}
33
34	&__head {
35	#{$parent}__cell {
36	text-align: start;
37	}
38	}
39
40	&__body {
41	#{$parent}__row {
42	background-color: var(--eps-table-body-background-color);
43	}
44
45	#{$parent}__cell:first-child {
46	border-radius: $eps-table-body-cell-start-radius;
47	}
48
49	#{$parent}__cell:last-child {
50	border-radius: $eps-table-body-cell-end-radius;
51	}
52	}
53
54	&--selection {
55	#{$parent}__cell:first-child {
56	padding-inline-end: 0;
57	}
58	}
59	}
60
61	.eps-theme-dark {
62	.#{$root} {
63	--eps-table-body-color: #{$eps-table-body-dark-color};
64	--eps-table-body-background-color: #{$eps-table-body-dark-background-color};
65	}
66	}
67
68	[dir="rtl"]="rtl""] {
69	.#{$root} {
70	$parent: &;
71
72	&__body {
73	#{$parent}__cell:first-child {
74	border-radius: $eps-table-body-cell-end-radius;
75	}
76
77	#{$parent}__cell:last-child {
78	border-radius: $eps-table-body-cell-start-radius;
79	}
80	}
81	}
82	}
83