honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout spacers

This commit is contained in:
Alex Wolfe 2015-02-27 21:21:20 -08:00
parent b5638a71a1
commit 2a4c04fdb1
4 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/_data.json
View File

@ -1,6 +1,7 @@
{ {
"index": { "index": {
"hero": "home" "hero": "home",
"title": "Angular is a development platform for building mobile and desktop web applications"
}, },
"features": { "features": {

2
public/_includes/_hero-home.jade
View File

@ -1,6 +1,6 @@
header(class="background-sky") header(class="background-sky")
.hero.background-sf-paper.is-large .hero.background-sf-paper.is-large
h1.text-headline.hero-logo Angular is a modern javascript framework for building professional web applications. h1.text-headline.hero-logo #{title}
.hero-cta .hero-cta
a(href="/docs/quickstart.html" class="md-raised button button-large button-plain" md-button) Learn in 5 mins a(href="/docs/quickstart.html" class="md-raised button button-large button-plain" md-button) Learn in 5 mins

8
public/index.jade
View File

@ -1,19 +1,19 @@
section.grid-fluid .grid-fluid.l-space-bottom-6
.c8.a4 .c8.a4
h3.text-headline Build Incredible Applications h3.text-headline Build Incredible Applications
p.text-body Angular is a development platform for creating applications using modern web standards. Angular includes a wealth of essential features such as mobile gestures, animations, filtering, routing, data binding, security, internationalization, and beautiful UI components. It's extremely modular, lightweight, and easy to learn. p.text-body Angular is a development platform for creating applications using modern web standards. Angular includes a wealth of essential features such as mobile gestures, animations, filtering, routing, data binding, security, internationalization, and beautiful UI components. It's extremely modular, lightweight, and easy to learn.
section.grid-fluid .grid-fluid.l-space-bottom-6
.c8.a4 .c8.a4
h3.text-headline Start Quick, Build Fast h3.text-headline Start Quick, Build Fast
p.text-body Express your ideas with clean, understandable code. Angular is simple to build on, easy to change, and friendly to the way UX designers work. Create a UI that is beautiful by default, with material design and support for web components. p.text-body Express your ideas with clean, understandable code. Angular is simple to build on, easy to change, and friendly to the way UX designers work. Create a UI that is beautiful by default, with material design and support for web components.
section.grid-fluid .grid-fluid.l-space-bottom-6
.c8.a4 .c8.a4
h3.text-headline Open Source & MIT Licensed h3.text-headline Open Source & MIT Licensed
p.text-body Angular is built by you, for you. Our community shapes Angular's direction: core contributions come from big companies and small ones, from students and independent experts. We do our work in the open so that you can help Angular improve, or extend and modify what we've built. p.text-body Angular is built by you, for you. Our community shapes Angular's direction: core contributions come from big companies and small ones, from students and independent experts. We do our work in the open so that you can help Angular improve, or extend and modify what we've built.
section.grid-fluid.text-center .grid-fluid.text-center
.c8.a2.b2 .c8.a2.b2
h3.text-headline Loved by Millions of Developers h3.text-headline Loved by Millions of Developers
p.text-body But don’t take our word for it. Ramp up in minutes, and build an app today. p.text-body But don’t take our word for it. Ramp up in minutes, and build an app today.

8
public/resources/css/layout/_layout.scss
View File

@ -23,7 +23,6 @@
padding-left: 224px; padding-left: 224px;
} }
.l-content { .l-content {
padding: ($unit * 8) ($unit * 12); padding: ($unit * 8) ($unit * 12);
} }
@ -32,6 +31,13 @@
margin: 0px 0px ($unit * 8) 0px; margin: 0px 0px ($unit * 8) 0px;
} }
@for $i from 1 through 10 {
.l-space-bottom-#{$i} {
margin-bottom: $i * 8px;
}
}
/* /*
* Pinned Layouts (fixed) * Pinned Layouts (fixed)
* *