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

		@@ -1,116 +1,116 @@
1		-.ctc-inline-copy-icon .copy-icon {
2		- height: 16px;
3		- width: 16px;
4		-}
5		-
6		-.ctc-inline-copy-icon .check-icon {
7		- display: none;
8		-}
9		-
10		-.ctc-inline-copy-icon {
11		- display: inline-flex;
12		-}
13		-
14		-.ctc-inline-hidden {
15		- display: none !important;
16		-}
17		-
18		-.ctc-inline-copy-text {
19		- line-height: normal;
20		-}
21		-
22		-.ctc-inline-copy {
23		- display: inline-flex;
24		- align-items: center;
25		- gap: .5em;
26		- position: relative;
27		- cursor: pointer;
28		-}
29		-
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;
39		-}
40		-
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;
56		-}
57		-
58		-.ctc-inline-copy::after,
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;
65		-}
66		-
67		-.copied.ctc-inline-copy .check-icon {
68		- display: block;
69		-}
70		-
71		-.copied.ctc-inline-copy .copy-icon {
72		- display: none !important;
73		-}
74		-
75		-.copied.ctc-inline-copy::after,
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;
82		-}
83		-
84		-/**
85		- * Style: Cover
86		- */
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;
96		-}
97		-
98		-.ctc-inline-style-cover .copy-icon {
99		- display: none;
100		-}
101		-
102		-.ctc-inline-style-cover:hover .copy-icon {
103		- display: block;
104		-}
105		-
106		-.copied.ctc-inline-style-cover .check-icon {
107		- display: block;
108		-}
109		-
110		-.ctc-inline-style-cover svg {
111		- fill: white;
112		-}
113		-
114		-.ctc-inline-style-cover:hover .ctc-inline-copy-icon {
115		- background: rgb(0 0 0 / 50%);
116		-}
	1	+.ctc-inline-copy-icon .copy-icon {
	2	+ height: 16px;
	3	+ width: 16px;
	4	+}
	5	+
	6	+.ctc-inline-copy-icon .check-icon {
	7	+ display: none;
	8	+}
	9	+
	10	+.ctc-inline-copy-icon {
	11	+ display: inline-flex;
	12	+}
	13	+
	14	+.ctc-inline-hidden {
	15	+ display: none !important;
	16	+}
	17	+
	18	+.ctc-inline-copy-text {
	19	+ line-height: normal;
	20	+}
	21	+
	22	+.ctc-inline-copy {
	23	+ display: inline-flex;
	24	+ align-items: center;
	25	+ gap: .5em;
	26	+ position: relative;
	27	+ cursor: pointer;
	28	+}
	29	+
	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;
	39	+}
	40	+
	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;
	56	+}
	57	+
	58	+.ctc-inline-copy::after,
	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;
	65	+}
	66	+
	67	+.copied.ctc-inline-copy .check-icon {
	68	+ display: block;
	69	+}
	70	+
	71	+.copied.ctc-inline-copy .copy-icon {
	72	+ display: none !important;
	73	+}
	74	+
	75	+.copied.ctc-inline-copy::after,
	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;
	82	+}
	83	+
	84	+/**
	85	+ * Style: Cover
	86	+ */
	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;
	96	+}
	97	+
	98	+.ctc-inline-style-cover .copy-icon {
	99	+ display: none;
	100	+}
	101	+
	102	+.ctc-inline-style-cover:hover .copy-icon {
	103	+ display: block;
	104	+}
	105	+
	106	+.copied.ctc-inline-style-cover .check-icon {
	107	+ display: block;
	108	+}
	109	+
	110	+.ctc-inline-style-cover svg {
	111	+ fill: white;
	112	+}
	113	+
	114	+.ctc-inline-style-cover:hover .ctc-inline-copy-icon {
	115	+ background: rgb(0 0 0 / 50%);
	116	+}