Commit c1d6d6318ae0b3f8c151338aca3387cf51e77c15
update styles to master format
mix irving committed on 10/16/2017, 10:03:54 PMParent: 2714beb84a9764d8bb5b2e11f19bac1c8289b0b8
Files changed
app/styles/mcss/button.mcss | added |
app/styles/button.mcss | deleted |
app/styles/suggest-box.mcss | deleted |
app/styles/mcss/button.mcss | |||
---|---|---|---|
@@ -1,0 +1,45 @@ | |||
1 … | +Button { | ||
2 … | + font-family: arial | ||
3 … | + background-color: #fff | ||
4 … | + | ||
5 … | + min-width: 6rem | ||
6 … | + height: 1.2rem | ||
7 … | + padding: .2rem 1rem | ||
8 … | + | ||
9 … | + border: 1px #b9b9b9 solid | ||
10 … | + border-radius: 10rem | ||
11 … | + | ||
12 … | + cursor: pointer | ||
13 … | + | ||
14 … | + display: flex | ||
15 … | + justify-content: center | ||
16 … | + align-items: center | ||
17 … | + | ||
18 … | + -subtle { | ||
19 … | + color: initial | ||
20 … | + :hover { | ||
21 … | + color: #222 | ||
22 … | + } | ||
23 … | + } | ||
24 … | + | ||
25 … | + -primary { | ||
26 … | + $colorPrimary | ||
27 … | + $borderPrimary | ||
28 … | + | ||
29 … | + :hover { | ||
30 … | + opacity: .9 | ||
31 … | + } | ||
32 … | + } | ||
33 … | + | ||
34 … | + -showMore { | ||
35 … | + width: 100% | ||
36 … | + | ||
37 … | + padding: .2rem 0 | ||
38 … | + | ||
39 … | + border-left: none | ||
40 … | + border-right: none | ||
41 … | + border-bottom: none | ||
42 … | + } | ||
43 … | +} | ||
44 … | + | ||
45 … | + |
app/styles/button.mcss | ||
---|---|---|
@@ -1,45 +1,0 @@ | ||
1 | -Button { | |
2 | - font-family: arial | |
3 | - background-color: #fff | |
4 | - | |
5 | - min-width: 6rem | |
6 | - height: 1.2rem | |
7 | - padding: .2rem 1rem | |
8 | - | |
9 | - border: 1px #b9b9b9 solid | |
10 | - border-radius: 10rem | |
11 | - | |
12 | - cursor: pointer | |
13 | - | |
14 | - display: flex | |
15 | - justify-content: center | |
16 | - align-items: center | |
17 | - | |
18 | - -subtle { | |
19 | - color: initial | |
20 | - :hover { | |
21 | - color: #222 | |
22 | - } | |
23 | - } | |
24 | - | |
25 | - -primary { | |
26 | - $colorPrimary | |
27 | - $borderPrimary | |
28 | - | |
29 | - :hover { | |
30 | - opacity: .9 | |
31 | - } | |
32 | - } | |
33 | - | |
34 | - -showMore { | |
35 | - width: 100% | |
36 | - | |
37 | - padding: .2rem 0 | |
38 | - | |
39 | - border-left: none | |
40 | - border-right: none | |
41 | - border-bottom: none | |
42 | - } | |
43 | -} | |
44 | - | |
45 | - |
app/styles/suggest-box.mcss | ||
---|---|---|
@@ -1,97 +1,0 @@ | ||
1 | -// SuggestBox | |
2 | -body { | |
3 | - div.suggest-box { | |
4 | - width: max-content | |
5 | - background-color: #fff | |
6 | - | |
7 | - min-width: 20rem | |
8 | - max-width: 35rem | |
9 | - padding: .2rem .5rem | |
10 | - margin-top: .35rem | |
11 | - border: 1px gainsboro solid | |
12 | - | |
13 | - ul { | |
14 | - list-style-type: none | |
15 | - padding: 0 | |
16 | - | |
17 | - li { | |
18 | - display: flex | |
19 | - align-items: center | |
20 | - | |
21 | - padding-right: .2rem | |
22 | - margin-bottom: .2rem | |
23 | - | |
24 | - img { | |
25 | - height: 36px | |
26 | - width: 36px | |
27 | - min-width: 36px | |
28 | - padding: .2rem | |
29 | - } | |
30 | - | |
31 | - strong { | |
32 | - font-weight: 300 | |
33 | - min-width: 7rem | |
34 | - margin-left: .5rem | |
35 | - margin-right: .5rem | |
36 | - | |
37 | - span.subtle { | |
38 | - color: #aaa | |
39 | - } | |
40 | - } | |
41 | - | |
42 | - small { | |
43 | - flex-grow: 1 | |
44 | - | |
45 | - margin-left: .5rem | |
46 | - padding-right: .2rem | |
47 | - font-size: 1rem | |
48 | - | |
49 | - display: flex | |
50 | - justify-content: flex-end | |
51 | - | |
52 | - div.aliases { | |
53 | - flex-grow: 1 | |
54 | - | |
55 | - font-size: .8rem | |
56 | - color: #666 | |
57 | - margin-right: .5rem | |
58 | - | |
59 | - display: flex | |
60 | - flex-wrap: wrap | |
61 | - | |
62 | - div.alias { | |
63 | - margin-right: .4rem | |
64 | - -bold { | |
65 | - font-weight: 600 | |
66 | - } | |
67 | - } | |
68 | - } | |
69 | - | |
70 | - div.key { | |
71 | - align-self: flex-end | |
72 | - | |
73 | - margin: auto 0 | |
74 | - | |
75 | - font-family: monospace | |
76 | - font-size: .8rem | |
77 | - min-width: 5rem | |
78 | - } | |
79 | - } | |
80 | - } | |
81 | - | |
82 | - li.selected { | |
83 | - color: #fff | |
84 | - background: #0caaf9 | |
85 | - | |
86 | - img {} | |
87 | - strong {} | |
88 | - small { | |
89 | - div.aliases { | |
90 | - color: #eee | |
91 | - } | |
92 | - } | |
93 | - } | |
94 | - } | |
95 | - } | |
96 | -} | |
97 | - |
Built with git-ssb-web