|
1 | 1 | <!DOCTYPE html> |
2 | | -<html lang='en'></html> |
3 | | -<head> |
4 | | - <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'> |
5 | | - <meta charset='utf-8'> |
6 | | - <meta content='width=device-width, initial-scale=1.0' name='viewport'> |
7 | | - <title>Core - MVCSS</title> |
8 | | - <meta content='MVCSS - A Sass-based CSS Architecture by Nick Walsh & Drew Barontini.' name='description'> |
9 | | - <link href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300" media="screen" rel="stylesheet" type="text/css" /> |
10 | | - <link href="../assets/stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" /> |
11 | | -</head> |
12 | | -<body> |
13 | | - <div class='l-controls'> |
14 | | - <a class='btn' href='https://github.com/mvcss/mvcss'>View Code →</a> |
15 | | - <p><a href="/status/">Change Log (v3.0.0)</a></p> |
16 | | - </div> |
17 | | - <div class='l-sidebar'> |
18 | | - <header class='l-header'> |
19 | | - <div class='c-logo'> |
20 | | - <img width="100" height="110" src="../assets/images/logo.svg" /> |
21 | | - <b>MVCSS</b> |
22 | | - </div> |
23 | | - <p class='c-tagline'>A Sass-based CSS Architecture</p> |
24 | | - </header> |
25 | | - <nav class='l-nav'> |
26 | | - <a href="/">About</a> |
27 | | - <a class="is-active" href="/core/">Core</a> |
28 | | - <a href="/modules/">Modules</a> |
29 | | - <a href="/styleguide/">Style Guide</a> |
30 | | - <a href="/library/">Library</a> |
31 | | - <a href="/contribute/">Contribute</a> |
32 | | - <a href="/creators/">Creators</a> |
33 | | - </nav> |
34 | | - </div> |
35 | | - <div class='l-cell'> |
36 | | - <h1>Core</h1> |
37 | | - |
38 | | - <h2>Reset / Normalize</h2> |
39 | | - |
40 | | - <p>As long as the project size warrants it, we always get things started with a style reset. <a href="http://meyerweb.com/eric/tools/css/reset/">Eric Meyer's Reset CSS</a> is still our favorite, but alternatives like <a href="http://necolas.github.io/normalize.css/">Normalize.css</a> are easily interchangeable.</p> |
41 | | - |
42 | | - <h2>Settings</h2> |
43 | | - |
44 | | - <p>The settings partial centers on reusable utilities - @font-face declarations, variables, mixins, classes to be used with placeholder selectors, and keyframe animations. Grouping everything into one file allows newcomers to the project the means to find out what's available to them quickly.</p> |
45 | | - |
46 | | - <h2>Base</h2> |
47 | | - |
48 | | - <p>This section sets any base-level styles for tags, such as <code>p</code> or <code>h1</code>, beyond what's included in the reset or nomalize. Text styles set here reflect the most common appearance of that tag in the design.</p> |
49 | | - |
50 | | - <h2>Inbox</h2> |
51 | | - |
52 | | - <p>Adding an inbox section to the bottom of your application file allows developers, and those not actively working on the CSS, to quickly add styles that are easily seen by the maintainer of the file.</p> |
53 | | - |
54 | | - <h2>Compass</h2> |
55 | | - |
56 | | - <p><a href="http://compass-style.org/">Compass</a> provides utilities and niceties to make your life easier. We use it, and we recommend that you give it a try. There's even a placeholder comment at the top of the application file that shows you where to put your imports for Compass.</p> |
57 | | - </div> |
58 | | -</body> |
| 2 | +<html lang='en'> |
| 3 | + <head> |
| 4 | + <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'> |
| 5 | + <meta charset='utf-8'> |
| 6 | + <meta content='width=device-width, initial-scale=1.0' name='viewport'> |
| 7 | + <title>Core - MVCSS</title> |
| 8 | + <meta content='MVCSS - A Sass-based CSS Architecture by Nick Walsh & Drew Barontini.' name='description'> |
| 9 | + <link href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300" media="screen" rel="stylesheet" type="text/css" /> |
| 10 | + <link href="../assets/stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" /> |
| 11 | + </head> |
| 12 | + <body> |
| 13 | + <div class='l-controls'> |
| 14 | + <a class='btn' href='https://github.com/mvcss/mvcss'>View Code →</a> |
| 15 | + <p><a href="/status/">Change Log (v3.0.0)</a></p> |
| 16 | + </div> |
| 17 | + <div class='l-sidebar'> |
| 18 | + <header class='l-header'> |
| 19 | + <div class='c-logo'> |
| 20 | + <img width="100" height="110" src="../assets/images/logo.svg" /> |
| 21 | + <b>MVCSS</b> |
| 22 | + </div> |
| 23 | + <p class='c-tagline'>A Sass-based CSS Architecture</p> |
| 24 | + </header> |
| 25 | + <nav class='l-nav'> |
| 26 | + <a href="/">About</a> |
| 27 | + <a class="is-active" href="/core/">Core</a> |
| 28 | + <a href="/modules/">Modules</a> |
| 29 | + <a href="/styleguide/">Style Guide</a> |
| 30 | + <a href="/library/">Library</a> |
| 31 | + <a href="/contribute/">Contribute</a> |
| 32 | + <a href="/creators/">Creators</a> |
| 33 | + </nav> |
| 34 | + </div> |
| 35 | + <div class='l-cell'> |
| 36 | + <h1>Core</h1> |
| 37 | + |
| 38 | + <h2>Reset / Normalize</h2> |
| 39 | + |
| 40 | + <p>As long as the project size warrants it, we always get things started with a style reset. <a href="http://meyerweb.com/eric/tools/css/reset/">Eric Meyer's Reset CSS</a> is still our favorite, but alternatives like <a href="http://necolas.github.io/normalize.css/">Normalize.css</a> are easily interchangeable.</p> |
| 41 | + |
| 42 | + <h2>Settings</h2> |
| 43 | + |
| 44 | + <p>The settings partial centers on reusable utilities - @font-face declarations, variables, mixins, classes to be used with placeholder selectors, and keyframe animations. Grouping everything into one file allows newcomers to the project the means to find out what's available to them quickly.</p> |
| 45 | + |
| 46 | + <h2>Base</h2> |
| 47 | + |
| 48 | + <p>This section sets any base-level styles for tags, such as <code>p</code> or <code>h1</code>, beyond what's included in the reset or nomalize. Text styles set here reflect the most common appearance of that tag in the design.</p> |
| 49 | + |
| 50 | + <h2>Inbox</h2> |
| 51 | + |
| 52 | + <p>Adding an inbox section to the bottom of your application file allows developers, and those not actively working on the CSS, to quickly add styles that are easily seen by the maintainer of the file.</p> |
| 53 | + |
| 54 | + <h2>Compass</h2> |
| 55 | + |
| 56 | + <p><a href="http://compass-style.org/">Compass</a> provides utilities and niceties to make your life easier. We use it, and we recommend that you give it a try. There's even a placeholder comment at the top of the application file that shows you where to put your imports for Compass.</p> |
| 57 | + </div> |
| 58 | + </body> |
| 59 | +</html> |
0 commit comments