← All changes | assets/css/copy-inline.css +58 -58 3.5.1 → 5.5.4 View file →

		@@ -1,85 +1,85 @@
1	1	.ctc-inline-copy-icon .copy-icon {
2		- height: 16px;
3		- width: 16px;
	2	+ height: 16px;
	3	+ width: 16px;
4	4	}
5	5
6	6	.ctc-inline-copy-icon .check-icon {
7		- display: none;
	7	+ display: none;
8	8	}
9	9
10	10	.ctc-inline-copy-icon {
11		- display: inline-flex;
	11	+ display: inline-flex;
12	12	}
13	13
14	14	.ctc-inline-hidden {
15		- display: none !important;
	15	+ display: none !important;
16	16	}
17	17
18	18	.ctc-inline-copy-text {
19		- line-height: normal;
	19	+ line-height: normal;
20	20	}
21	21
22	22	.ctc-inline-copy {
23		- display: inline-flex;
24		- align-items: center;
25		- gap: .5em;
26		- position: relative;
27		- cursor: pointer;
	23	+ display: inline-flex;
	24	+ align-items: center;
	25	+ gap: .5em;
	26	+ position: relative;
	27	+ cursor: pointer;
28	28	}
29	29
30	30	.ctc-inline-copy::before {
31		- content: "";
32		- top: 50%;
33		- bottom: 50%;
34		- left: -7px;
35		- margin-top: -6px;
36		- border: 6px solid transparent;
37		- border-left-color: rgb(36, 41, 47);
38		- position: absolute;
	31	+ content: "";
	32	+ top: 50%;
	33	+ bottom: 50%;
	34	+ left: -7px;
	35	+ margin-top: -6px;
	36	+ border: 6px solid transparent;
	37	+ border-left-color: rgb(36, 41, 47);
	38	+ position: absolute;
39	39	}
40	40
41	41	.ctc-inline-copy::after {
42		- position: absolute;
43		- content: attr(aria-label);
44		- padding: 0.5em 0.75em;
45		- right: 100%;
46		- color: white;
47		- background: rgb(36, 41, 47);
48		- font-size: 11px;
49		- border-radius: 6px;
50		- line-height: 1;
51		- right: 100%;
52		- bottom: 50%;
53		- margin-right: 6px;
54		- transform: translateY(50%);
55		- min-width: 60px;
	42	+ position: absolute;
	43	+ content: attr(aria-label);
	44	+ padding: 0.5em 0.75em;
	45	+ right: 100%;
	46	+ color: white;
	47	+ background: rgb(36, 41, 47);
	48	+ font-size: 11px;
	49	+ border-radius: 6px;
	50	+ line-height: 1;
	51	+ right: 100%;
	52	+ bottom: 50%;
	53	+ margin-right: 6px;
	54	+ transform: translateY(50%);
	55	+ min-width: 60px;
56	56	}
57	57
58	58	.ctc-inline-copy::after,
59	59	.ctc-inline-copy::before {
60		- opacity: 0;
61		- visibility: hidden;
62		- transition:
63		- opacity 0.2s ease-in-out,
64		- visibility 0.2s ease-in-out;
	60	+ opacity: 0;
	61	+ visibility: hidden;
	62	+ transition:
	63	+ opacity 0.2s ease-in-out,
	64	+ visibility 0.2s ease-in-out;
65	65	}
66	66
67	67	.copied.ctc-inline-copy .check-icon {
68		- display: block;
	68	+ display: block;
69	69	}
70	70
71	71	.copied.ctc-inline-copy .copy-icon {
72		- display: none !important;
	72	+ display: none !important;
73	73	}
74	74
75	75	.copied.ctc-inline-copy::after,
76	76	.copied.ctc-inline-copy::before {
77		- opacity: 1;
78		- visibility: visible;
79		- transition:
80		- opacity 0.2s ease-in-out,
81		- visibility 0.2s ease-in-out;
	77	+ opacity: 1;
	78	+ visibility: visible;
	79	+ transition:
	80	+ opacity 0.2s ease-in-out,
	81	+ visibility 0.2s ease-in-out;
82	82	}
83	83
84	84	/**
85	85	* Style: Cover
		@@ -84,33 +84,33 @@
84	84	/**
85	85	* Style: Cover
86	86	*/
87	87	.ctc-inline-style-cover .ctc-inline-copy-icon {
88		- position: absolute;
89		- left: 0;
90		- right: 0;
91		- top: 0;
92		- bottom: 0;
93		- display: flex;
94		- align-items: center;
95		- justify-content: center;
	88	+ position: absolute;
	89	+ left: 0;
	90	+ right: 0;
	91	+ top: 0;
	92	+ bottom: 0;
	93	+ display: flex;
	94	+ align-items: center;
	95	+ justify-content: center;
96	96	}
97	97
98	98	.ctc-inline-style-cover .copy-icon {
99		- display: none;
	99	+ display: none;
100	100	}
101	101
102	102	.ctc-inline-style-cover:hover .copy-icon {
103		- display: block;
	103	+ display: block;
104	104	}
105	105
106	106	.copied.ctc-inline-style-cover .check-icon {
107		- display: block;
	107	+ display: block;
108	108	}
109	109
110	110	.ctc-inline-style-cover svg {
111		- fill: white;
	111	+ fill: white;
112	112	}
113	113
114	114	.ctc-inline-style-cover:hover .ctc-inline-copy-icon {
115		- background: rgb(0 0 0 / 50%);
	115	+ background: rgb(0 0 0 / 50%);
116	116	}