eSales Media Git repositories
Browse code

Add tom select npm package

Benjamin Roth authored on02/02/2023 12:00:30
Showing1 changed files
public/lib/tomselect/scss/plugins/remove_button.scss
History View file @de23398
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,70 @@
1 
+.#{$select-ns}-wrapper.plugin-remove_button{
2 
+
3 
+	.item{
4 
+		display:		inline-flex;
5 
+		align-items:	center;
6 
+		padding-right:	0 !important;
7 
+	}
8 
+
9 
+	.item .remove {
10 
+		color:				inherit;
11 
+		text-decoration:	none;
12 
+		vertical-align:		middle;
13 
+		display:			inline-block;
14 
+		padding:			0 $select-padding-item-x;
15 
+		border-radius:		0 2px 2px 0;
16 
+		box-sizing:			border-box;
17 
+	}
18 
+
19 
+	.item .remove:hover {
20 
+		background: rgba(0,0,0,0.05);
21 
+	}
22 
+
23 
+
24 
+	&.disabled .item .remove:hover {
25 
+		background: none;
26 
+	}
27 
+
28 
+
29 
+	.remove-single {
30 
+		position: absolute;
31 
+		right: 0;
32 
+		top: 0;
33 
+		font-size: 23px;
34 
+	}
35 
+
36 
+}
37 
+
38 
+.#{$select-ns}-wrapper.plugin-remove_button:not(.rtl){
39 
+
40 
+	.item .remove {
41 
+		border-left:		1px solid $select-color-item-border;
42 
+		margin-left:		$select-padding-item-x;
43 
+	}
44 
+
45 
+	.item.active .remove {
46 
+		border-left-color: $select-color-item-active-border;
47 
+	}
48 
+
49 
+	&.disabled .item .remove {
50 
+		border-left-color: lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);
51 
+	}
52 
+
53 
+}
54 
+
55 
+.#{$select-ns}-wrapper.plugin-remove_button.rtl {
56 
+
57 
+	.item .remove {
58 
+		border-right: 1px solid $select-color-item-border;
59 
+		margin-right: $select-padding-item-x;
60 
+	}
61 
+
62 
+	.item.active .remove {
63 
+		border-right-color: $select-color-item-active-border;
64 
+	}
65 
+
66 
+	&.disabled .item .remove {
67 
+		border-right-color: lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);
68 
+	}
69 
+
70 
+}