git ssb - styling for suggest-box · mixmix/ticktack@f61a6365

mix irving committed on 8/16/2017, 11:57:06 AM
Parent: 165f298ed05493f7f1381ef269c0eca496e4679b

styles/mixins.js	changed
styles/suggest-box.mcss	added

styles/mixins.jsView
		@@ -64,23 +64,23 @@
64	64	}
65	65	}
66	66
67	67	$roundLeft {
68		- border-top-left-radius: .9rem
69		- border-bottom-left-radius: .9rem
	68	+ border-top-left-radius: 1.2rem
	69	+ border-bottom-left-radius: 1.2rem
70	70	}
71	71
72	72	$roundRight {
73		- border-top-right-radius: .9rem
74		- border-bottom-right-radius: .9rem
	73	+ border-top-right-radius: 1.2rem
	74	+ border-bottom-right-radius: 1.2rem
75	75	}
76	76
77	77	$roundTop {
78		- border-top-left-radius: .9rem
79		- border-top-right-radius: .9rem
	78	+ border-top-left-radius: 1.2rem
	79	+ border-top-right-radius: 1.2rem
80	80	}
81	81
82	82	$roundBottom {
83		- border-bottom-left-radius: .9rem
84		- border-bottom-right-radius: .9rem
	83	+ border-bottom-left-radius: 1.2rem
	84	+ border-bottom-right-radius: 1.2rem
85	85	}
86	86	`

styles/suggest-box.mcssView
		@@ -1,0 +1,54 @@
	1	+body {
	2	+ div.suggest-box {
	3	+ width: max-content
	4	+ background-color: #fff
	5	+ border: 1px gainsboro solid
	6	+
	7	+ padding: .2rem .5rem
	8	+ margin-top: .35rem
	9	+
	10	+ ul {
	11	+ list-style-type: none
	12	+ padding: 0
	13	+
	14	+ li {
	15	+ display: flex
	16	+ align-items: center
	17	+
	18	+ padding-right: .2rem
	19	+ margin-bottom: .2rem
	20	+
	21	+ img {
	22	+ height: 36px
	23	+ width: 36px
	24	+ border-radius: 36px
	25	+
	26	+ padding: .2rem
	27	+ /* TODO make smaller emoji thumbnails */
	28	+ }
	29	+ strong {
	30	+ flex-grow: 1
	31	+ margin-left: .5rem
	32	+ font-weight: 300
	33	+ }
	34	+ small {
	35	+ font-family: monospace
	36	+ margin-left: .5rem
	37	+ padding-right: .2rem
	38	+ font-size: 1rem
	39	+ }
	40	+ }
	41	+
	42	+ li.selected {
	43	+ color: #fff
	44	+ background: #0caaf9
	45	+
	46	+ img {}
	47	+ strong {}
	48	+ small {}
	49	+ }
	50	+ }
	51	+ }
	52	+}
	53	+
	54	+

mixmix / ticktack