8000 autocommit docs · stealify/phosphorjs.github.io@dc0af56 · GitHub
[go: up one dir, main page]
Skip to content

Commit dc0af56

Browse files
author
Travis Bot
committed
autocommit docs
1 parent 189d708 commit dc0af56

File tree

2 files changed

+43
-25
lines changed

2 files changed

+43
-25
lines changed

‎css/main.css

Lines changed: 35 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
22

33
html {
4-
background-color: #121B22;
5-
color: #e0ffe5;
4+
background-color: #F4FFF7;
5+
color: #112236;
66
font-size: 1em;
77
line-height: 1.4;
88
}
@@ -86,7 +86,8 @@ body {
8686
.header-container,
8787
.footer-container,
8888
.main aside {
89-
background: #0A1013;
89+
background-color: #112236;
90+
border-bottom: 3px solid #0FCB63;
9091
}
9192

9293
header {
@@ -105,6 +106,7 @@ section {
105106

106107
aside {
107108
text-align: center;
109+
border-radius: 3px;
108110
}
109111

110112
aside .logo {
@@ -121,7 +123,7 @@ aside .logo {
121123

122124
h1, h2, h3, h4 {
123125
font-family: 'Nunito', sans-serif;
124-
color: #19F28A;
126+
color: #112236;
125127
font-weight: 300;
126128
letter-spacing: 0.055em;
127129
}
@@ -130,14 +132,23 @@ h1 {
130132
margin: 0.5rem 0;
131133
}
132134

135+
h1.title {
136+
color: #19F28A;
137+
}
138+
133139
h2 {
134140
font-size: 1.65rem;
135141
margin-bottom: 0.3rem;
142+
color: #04A43C;
143+
}
144+
145+
aside h2 {
146+
color: #19F28A;
136147
}
137148

138149
h3 {
139150
font-style: italic;
140-
margin: -0.75em 0 0.75em;
151+
margin: -0.15em 0 0.75em;
141152
}
142153

143154
p {
@@ -148,25 +159,33 @@ p, li {
148159
font-size: 1.2rem;
149160
letter-spacing: 0.06em;
150161
line-height: 1.5em;
162+
color: #112236;
151163
}
152164

153-
.nobull { list-style: none; list-style-type: none; }
165+
aside p, aside li, footer p, footer li {
166+
color: #F4FFF7;
167+
}
168+
169+
.nobull {
170+
list-style: none; list-style-type: none;
171+
}
154172

155173
a {
156174
text-decoration: none;
157-
color: #e0ffe5;
175+< 8000 /span>
color: #112236;
158176
}
159177

160-
ul a {
161-
color: #e0ffe5;
178+
a:hover {
179+
text-shadow: 2px 2px 2px #19F28A;
180+
text-decoration: none;
162181
}
163182

164-
ul a:hover {
165-
color: white;
166-
text-decoration: none;
167-
text-shadow: 2px 4px 6px #19F28A;
183+
a:hover > h1, a:hover > h2, a:hover > h3, a:hover > h4 {
184+
text-shadow: none;
168185
}
169186

187+
color: #f4fff7;
188+
170189
/* ==============
171190
MOBILE: Menu
172191
============== */
@@ -178,18 +197,13 @@ nav ul {
178197
}
179198

180199
nav a {
200+
color: #F4FFF7;
181201
display: block;
182202
padding: 0.5em 0;
183203
text-align: center;
184204
text-transform: uppercase;
185205
}
186206

187-
nav a:hover {
188-
color: white;
189-
text-decoration: none;
190-
text-shadow: 2px 4px 6px #19F28A;
191-
}
192-
193207
/* ==============
194208
MOBILE: Main
195209
============== */
@@ -231,7 +245,8 @@ nav a:hover {
231245

232246
nav ul {
233247
float: right;
234-
width: 90%
248+
width: 90%;
249+
margin: -0.01em 0 0.35em;
235250
}
236251
nav a {
237252
float: left;

‎examples.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -40,34 +40,37 @@ <h1 class="title">PhosphorJS</h1>
4040
<div class="main-container">
4141
<div class="main wrapper clearfix">
4242
<article>
43+
<heading>
44+
<h1>Examples</h1>
45+
</heading>
4346
<section>
4447
<a href="http://phosphorjs.github.io/examples/todomvc">
4548
<h2>PhosphorJS + React</h2>
46-
<img src="img/ScreenShot-react.png">
49+
<img src="img/ScreenShot-react.png" alt="Screenshot of PhosphorJS used with React">
4750
</a>
4851
</section>
4952
<section>
5053
<a href="http://phosphorjs.github.io/examples/flexbox">
5154
<h2>PhosphorJS + Flexbox</h2>
52-
<img src="img/ScreenShot-flexbox.png">
55+
<img src="img/ScreenShot-flexbox.png" alt="Screenshot of PhosphorJS used with Flexbox">
5356
</a>
5457
</section>
5558
<section>
5659
<a href="http://phosphorjs.github.io/examples/dockpanel">
5760
<h2>DockPanel</h2>
58-
<img src="img/ScreenShot-dockpanel.png">
61+
<img src="img/ScreenShot-dockpanel.png" alt="Screenshot of PhosphorJS dockpanel">
5962
</a>
6063
</section>
6164
<section>
6265
<a href="http://phosphorjs.github.io/examples/menus">
6366
<h2>Menus</h2>
64-
<img src="img/ScreenShot-menus.png">
67+
<img src="img/ScreenShot-menus.png" alt="Screenshot of PhosphorJS menus">
6568
</a>
6669
</section>
6770
<section>
6871
<a href="http://phosphorjs.github.io/examples/tabs">
6972
<h2>Tabs</h2>
70-
<img src="img/ScreenShot-tabs.png">
73+
<img src="img/ScreenShot-tabs.png" alt="Screenshot of PhosphorJS tabs">
7174
</a>
7275
</section>
7376

0 commit comments

Comments
 (0)
0