Skip to content

Commit 229aaea

Browse files
bevacquabevacqua
committed
Site cleanup, modularization and improvements
1 parent 9803f5a commit 229aaea

23 files changed

+883
-211
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎css/all.styl

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
@import 'variables/fonts'
2+
@import 'variables/colors'
3+
4+
@import 'reset/document'
5+
@import 'reset/tags'
6+
@import 'reset/pseudo'
7+
@import 'reset/links'
8+
9+
@import 'layout/core'
10+
11+
@import 'design/core'
12+
13+
@import 'components/pn-panel'
14+
@import 'components/lk-links'
15+
@import 'components/lj-latamjs'
16+
@import 'components/hg-heading'
17+
@import 'components/fn-footer-navigation'
18+
@import 'components/mi-mission'

‎css/components/fn-footer-navigation.styl

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.fn-container
2+
padding 20px
3+
background-color lighten(c-yellow, 90%)
4+
5+
a
6+
margin-right 20px

‎css/components/hg-heading.styl

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.hg-title
2+
font-size 64px
3+
text-align center
4+
5+
.hg-tagline
6+
background-color rgba(c-black, 0.05)
7+
padding 10px
8+
font-weight normal
9+
font-style italic

‎css/components/lj-latamjs.styl

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.lj-logo
2+
display block
3+
margin 30px auto
4+
max-width 200px
5+
6+
.lj-mailing-cta
7+
display block
8+
margin 30px auto
9+
font-size 20px
10+
max-width 500px

‎css/components/lk-links.styl

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.lk-button
2+
padding 10px
3+
text-align center
4+
display inline-block
5+
background-color c-yellow
6+
box-shadow 1px 1px 0 c-black
7+
8+
&:hover
9+
text-decoration none
10+
background-color lighten(c-yellow, 20%)

‎css/components/mi-mission.styl

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
.mi-objectives
2+
list-style-type none
3+
max-width 300px
4+
5+
li
6+
display block
7+
margin 20px 0

‎css/components/pn-panel.styl

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.pn-panel
2+
text-align left
3+
4+
@media only screen and (min-width: 768px)
5+
.pn-panel
6+
display inline-block
7+
vertical-align top
8+
max-width 50%
9+
padding-left 20px
10+
11+
&:first-child
12+
padding-left 0

‎css/design/core.styl

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
body
2+
background-color c-white
3+
color c-black

‎css/layout/core.styl

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
body
2+
word-wrap break-word
3+
overflow-x hidden
4+
overflow-y scroll
5+
margin 0 auto
6+
text-align center
7+
8+
.ly-main
9+
width 93.75% // 300px on 320px
10+
max-width 1250px // stop the UI from breaking
11+
margin 0 auto
12+
13+
@media only screen and (min-width: 768px)
14+
.ly-main
15+
padding-bottom 25px

‎css/reset/document.styl

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
@import 'node_modules/normalize.css/normalize.css'
2+
@import 'node_modules/nib/index'
3+
4+
html,
5+
html:before,
6+
html:after,
7+
body,
8+
body:before,
9+
body:after
10+
box-sizing border-box
11+
12+
*,
13+
*:before,
14+
*:after
15+
box-sizing inherit
16+
17+
body,
18+
input,
19+
textarea,
20+
button
21+
font-family f-core

‎css/reset/links.styl

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
a,
2+
button,
3+
input[type='submit']
4+
cursor pointer
5+
text-decoration none
6+
7+
a
8+
color c-black
9+
10+
&:hover
11+
text-decoration underline

‎css/reset/pseudo.styl

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
::selection
2+
background c-yellow
3+
color c-black
4+
text-shadow 0 1px rgba(c-black, .2)

‎css/reset/tags.styl

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
ul,
2+
ol
3+
margin 0
4+
padding 0
5+
list-style-position inside
6+
7+
ul
8+
list-style-type disc
9+
10+
ul ul,
11+
ul ol,
12+
ol ul,
13+
ol ol
14+
margin-left 20px
15+
16+
b,
17+
strong,
18+
font-weight bold
19+
20+
i,
21+
em,
22+
font-style italic
23+
24+
ins
25+
text-decoration none
26+
27+
del
28+
text-decoration line-through
29+
30+
a,
31+
button,
32+
input,
33+
textarea,
34+
img
35+
outline 0
36+
37+
input,
38+
button
39+
border-radius 0
40+
41+
img
42+
max-width 100%
43+
border none
44+
45+
button
46+
border none
47+
background none

‎css/variables/colors.styl

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
c-blue = #3784cf
2+
c-white = #fff
3+
c-black = #333
4+
c-yellow = #f3dc52

‎css/variables/fonts.styl

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
f-core = 'Helvetica Neue', HelveticaNeue, HelveticaNeueRoman, HelveticaNeue-Roman, 'Helvetica Neue Roman', TeXGyreHeros, FreeSans, 'Nimbus Sans L', 'Liberation Sans', Helvetica Tahoma, Geneva, Arial, sans-serif

0 commit comments

Comments
 (0)