git ssb - hack hypertabs to use fontAwesome close symbol

mixmix committed on 11/6/2018, 9:03:49 PM
Parent: fec69b0777e88c6df42090793aa3e1e9fdc142fd

changed

app/styles/mcss/hypertabs.mcssView
		@@ -61,21 +61,20 @@
61	61 …	}
62	62 …
63	63 …	a.close {
64	64 …	visibility: hidden
65		- font-family: monospace
66		- font-weight: 600
	65 …	+ font-family: FontAwesome
67	66 …	line-height: 1rem
	67 …	+ font-weight: 300
68	68 …
69		- width: .9rem
70		- height: .9rem
71		- /* border-radius: 1rem */
72		-
73		- margin-right: .3rem
74		-
75	69 …	display: flex
76	70 …	justify-content: center
77	71 …
	72 …	+ ::before {
	73 …	+ content: '\f00d'
	74 …	+ /* visibility: visible */
	75 …	+ }
	76 …	+
78	77 …	:hover {
79	78 …	background: var(--page-background)
80	79 …	color: var(--page-color)
81	80 …	}
		@@ -83,9 +82,11 @@
83	82 …
84	83 …	:hover {
85	84 …	background: var(--app-border-background-mid)
86	85 …	a.link { color: var(--app-border-color) }
87		- a.close { visibility: visible }
	86 …	+ a.close {
	87 …	+ ::before { visibility: visible }
	88 …	+ }
88	89 …	transition: all .2s ease-in
89	90 …	}
90	91 …
91	92 …	-selected {
		@@ -99,13 +100,12 @@
99	100 …	max-width: calc(100% - 2rem)
100	101 …	cursor: default
101	102 …	}
102	103 …	a.close {
103		- visibility: visible
104	104 …	color: var(--page-color)
105	105 …
106		- :hover {
107		- }
	106 …	+ ::before { visibility: visible }
	107 …	+ :hover { }
108	108 …	}
109	109 …
110	110 …	:hover {
111	111 …	background: var(--page-background)

Dominic / patchbay