git ssb

10+

Matt McKegg / patchwork



Tree: 0fb6276b32694566f2a61164ad87c5c04d792bb7

Files: 0fb6276b32694566f2a61164ad87c5c04d792bb7 / styles / base.mcss

1684 bytesRaw
1html, body {
2 background: #f5f5f5
3 margin: 0
4 font: caption
5 overflow: hidden
6 height: 100%
7 font-size: 12px
8 -webkit-user-select: none
9 color: #2b2b2b
10}
11
12body {
13 display: flex
14 flex-direction: column
15 line-height: 1.2
16}
17
18h1 {
19 font-size: 200%
20 margin: 4px 0
21 font-weight: normal
22 flex: 1
23}
24
25select {
26 font-size: 80%
27 display: inline-block
28 padding: 2px 4px
29 height: 18px
30 border: 1px solid #A9A9A9
31 background: #666 svg(dropArrow) no-repeat right
32 -webkit-appearance: none
33 color: #FFF
34 padding-right: 12px
35 border-radius: 0
36
37 :hover {
38 background-image: svg(dropArrow -active)
39 }
40
41 @svg dropArrow {
42 width: 12px
43 height: 6px
44 content: "<path d='M2,0 L10,0 L6,6 Z' />"
45
46 path {
47 fill: #888
48 }
49
50 -active {
51 path {
52 fill: #DDD
53 }
54 }
55 }
56}
57
58input {
59 [type='text'] {
60 font-size: 80%
61 display: inline-block
62 padding: 2px 4px
63 height: 18px
64 border: 1px solid #A9A9A9
65 background: #333
66 color: #FFF
67 padding-right: 12px
68 border-radius: 0
69 }
70 [type='search'] {
71 padding: 4px 8px;
72 border-radius: 3px;
73 border: 0 none;
74 background: #ffffff;
75 color: #656565;
76 font-size: 120%;
77 width: 180px;
78 box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
79 :focus {
80 outline: 0;
81 box-shadow: inset 0 0 0px 1px #286bc3
82 }
83 }
84}
85
86::-webkit-file-upload-button {
87 font-family: inherit
88}
89
90a {
91 color: #286bc3
92 text-decoration: none
93
94 code {
95 color: #8EC1FC
96 }
97
98 :hover {
99 text-decoration: underline
100 }
101}
102
103* + h1 {
104 margin-top: 16px
105}
106
107* {
108 box-sizing:border-box
109}
110
111input, textarea, keygen, select, button {
112 font-family: '.SFNSText-Regular', sans-serif
113}
114

Built with git-ssb-web