Commits

Steve Losh committed 8ac6597

Show off nesting in files/

  • Participants
  • Parent commits 69015f9

Comments (0)

Files changed (5)

example-site/files/_reset.less

-html, body, div, span, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, b, cite, code,
-del, dfn, em, i, img, ins, kbd, q, samp,
-strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td
-    {margin:0; padding:0; border:0; outline:0; font-size:100%;
-     vertical-align:baseline; background:transparent;}
-html {font-size:100.01%;}
-caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
-h1, h2, h3, h4, h5, h6 {font-weight:normal;}
-blockquote, q {quotes:none;}
-blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
-:focus {outline:0;}
-ins {text-decoration:underline;}
-del {text-decoration:line-through;}
-table {border-collapse:collapse; border-spacing:0;} /* still needs cellspacing="0" */

example-site/files/style.less

-@import "_reset";
-
-@background: #222;
-@text: #eee;
-@link: #eb2;
-
-body {
-    background: @background / 1.5;
-    color: @text;
-    font: 1em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    margin: 3em;
-    text-shadow: (@background - #181818) 0 1px 1px;
-}
-
-#page {
-    background: @background;
-    border: 2px solid (@background * 1.5);
-    max-width: 36em;
-    padding: 2em 3em;
-}
-
-header, footer {
-    display: block;
-}
-header {
-    h1, p {
-        font-size: 1.5em;
-        margin-bottom: 1em;
-        text-align: center;
-        text-transform: uppercase;
-        a {
-            font-weight: normal;
-        }
-    }
-}
-footer {
-    border-top: 3px solid (@text / 4);
-    margin-top: 3em;
-    .sep { color: @text / 2; }
-}
-
-h1 {
-    font-size: 1.5em;
-}
-
-h2 {
-    font-size: 1.25em;  line-height: 1.2;
-    font-weight: bold;
-    margin: 1.8em 0 0.6em;
-}
-
-p, dl {
-    margin-bottom: 1.5em;
-}
-
-ul, ol {
-    margin: 0 0 1.5em 1.5em;
-}
-
-blockquote {
-    border-left: 0.25em solid (@background * 1.5);
-    margin: 0 1.5em 1.5em 0.5em;
-    padding-left: 0.75em;
-}
-
-p.time {
-    color: @text / 2;
-    font-size: 0.9em;
-    text-transform: uppercase;
-}
-
-a:link, a:visited {
-    color: @link;
-    font-weight: bold;
-    text-decoration: none;
-}
-a:hover {
-    color: @link + #333;
-}

example-site/files/style/_reset.less

+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, b, cite, code,
+del, dfn, em, i, img, ins, kbd, q, samp,
+strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td
+    {margin:0; padding:0; border:0; outline:0; font-size:100%;
+     vertical-align:baseline; background:transparent;}
+html {font-size:100.01%;}
+caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
+h1, h2, h3, h4, h5, h6 {font-weight:normal;}
+blockquote, q {quotes:none;}
+blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
+:focus {outline:0;}
+ins {text-decoration:underline;}
+del {text-decoration:line-through;}
+table {border-collapse:collapse; border-spacing:0;} /* still needs cellspacing="0" */

example-site/files/style/style.less

+@import "_reset";
+
+@background: #222;
+@text: #eee;
+@link: #eb2;
+
+body {
+    background: @background / 1.5;
+    color: @text;
+    font: 1em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    margin: 3em;
+    text-shadow: (@background - #181818) 0 1px 1px;
+}
+
+#page {
+    background: @background;
+    border: 2px solid (@background * 1.5);
+    max-width: 36em;
+    padding: 2em 3em;
+}
+
+header, footer {
+    display: block;
+}
+header {
+    h1, p {
+        font-size: 1.5em;
+        margin-bottom: 1em;
+        text-align: center;
+        text-transform: uppercase;
+        a {
+            font-weight: normal;
+        }
+    }
+}
+footer {
+    border-top: 3px solid (@text / 4);
+    margin-top: 3em;
+    .sep { color: @text / 2; }
+}
+
+h1 {
+    font-size: 1.5em;
+}
+
+h2 {
+    font-size: 1.25em;  line-height: 1.2;
+    font-weight: bold;
+    margin: 1.8em 0 0.6em;
+}
+
+p, dl {
+    margin-bottom: 1.5em;
+}
+
+ul, ol {
+    margin: 0 0 1.5em 1.5em;
+}
+
+blockquote {
+    border-left: 0.25em solid (@background * 1.5);
+    margin: 0 1.5em 1.5em 0.5em;
+    padding-left: 0.75em;
+}
+
+p.time {
+    color: @text / 2;
+    font-size: 0.9em;
+    text-transform: uppercase;
+}
+
+a:link, a:visited {
+    color: @link;
+    font-weight: bold;
+    text-decoration: none;
+}
+a:hover {
+    color: @link + #333;
+}

example-site/templates/base.html

     <head>
         <meta charset="utf-8">
         <title>{{ head_title }}</title>
-        <link rel="stylesheet" href="{{ root }}style.css">
+        <link rel="stylesheet" href="{{ root }}style/style.css">
     </head>
 
     <body>