Place inline CSS into their own files.

yui · Feb 25, 2014 · 7e4d761 · 7e4d761
1 parent 7851a87
commit 7e4d761
Show file tree

Hide file tree

Showing 5 changed files with 77 additions and 80 deletions.
diff --git a/doc/yeti/assets/component.css b/doc/yeti/assets/component.css
@@ -0,0 +1,60 @@
+body,
+.pure-g [class *= "pure-u"],
+.pure-g-r [class *= "pure-u"],
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Source Sans Pro', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
+}
+body {
+    font-size: 14px;
+}
+#doc {
+    min-width: 0;
+}
+.sidebox .bd {
+    font-size: 12px;
+}
+.toc li {
+    font-weight: normal;
+}
+.yeti-hd {
+    border-bottom: 1px solid #ddd;
+    margin: 0 20px;
+}
+.yeti-hd h1 {
+    font-size: 300%;
+    letter-spacing: -1px;
+    margin: 5px 0 0;
+    padding-left: 0;
+}
+.yeti-hd h2 {
+    font-size: 470%;
+    font-weight: 100;
+    margin: 2%;
+}
+.yeti-hd img {
+    height: 52px;
+    width: 117px;
+}
+.yeti-hd .version {
+    font-size: 40%;
+    font-weight: normal;
+    padding: 5px;
+    background: #30418C;
+    color: #fff;
+    vertical-align: 60%;
+    border-radius: 10px;
+}
+.yeti-hd .links {
+    text-align: right;
+    line-height: 50px;
+}
+.yeti-hd a {
+    color: #242D79;
+}
+#doc .ft {
+    border-top: 1px solid #ddd;
+    margin: 0 20px;
+}
+#doc .ft p {
+    background-position: 0 0;
+}
diff --git a/doc/yeti/assets/footer.css b/doc/yeti/assets/footer.css
@@ -0,0 +1,14 @@
+.ft {
+    margin: 100px 10px;
+    font-size: 13px;
+}
+.ft p {
+    background: transparent url(https://s1.yimg.com/rz/d/yahoo_ydn_en-US_s_f_p_bestfit_developer-network.png) no-repeat center 0;
+    background-size: 132px 38px;
+    padding-top: 40px;
+}
+@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
+    .ft p {
+        background-image: url(https://s1.yimg.com/rz/d/yahoo_ydn_en-US_s_f_p_bestfit_developer-network_2x.png);
+    }
+}
diff --git a/doc/yeti/layouts/component.mustache b/doc/yeti/layouts/component.mustache
@@ -7,68 +7,8 @@
     <link rel="stylesheet" href="{{yuiGridsUrl}}">
     <link rel="stylesheet" href="{{projectAssets}}/css/main.css">
     <link rel="stylesheet" href="{{projectAssets}}/vendor/prettify/prettify-min.css">
-    <style>
+    <link rel="stylesheet" href="{{projectAssets}}/component.css">
-    body,
+    <link rel="stylesheet" href="{{projectAssets}}/footer.css">
-    .pure-g [class *= "pure-u"],
-    .pure-g-r [class *= "pure-u"],
-    h1, h2, h3, h4, h5, h6 {
-        font-family: 'Source Sans Pro', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
-    }
-    body {
-        font-size: 14px;
-    }
-    #doc {
-        min-width: 0;
-    }
-    .sidebox .bd {
-        font-size: 12px;
-    }
-    .toc li {
-        font-weight: normal;
-    }
-    .yeti-hd {
-        border-bottom: 1px solid #ddd;
-        margin: 0 20px;
-    }
-    .yeti-hd h1 {
-        font-size: 300%;
-        letter-spacing: -1px;
-        margin: 5px 0 0;
-        padding-left: 0;
-    }
-    .yeti-hd h2 {
-        font-size: 470%;
-        font-weight: 100;
-        margin: 2%;
-    }
-    .yeti-hd img {
-        height: 52px;
-        width: 117px;
-    }
-    .yeti-hd .version {
-        font-size: 40%;
-        font-weight: normal;
-        padding: 5px;
-        background: #30418C;
-        color: #fff;
-        vertical-align: 60%;
-        border-radius: 10px;
-    }
-    .yeti-hd .links {
-        text-align: right;
-        line-height: 50px;
-    }
-    .yeti-hd a {
-        color: #242D79;
-    }
-    #doc .ft {
-        border-top: 1px solid #ddd;
-        margin: 0 20px;
-    }
-    #doc .ft p {
-        background-position: 0 0;
-    }
-    </style>
 </head>
 <body>
 

diff --git a/doc/yeti/layouts/main.mustache b/doc/yeti/layouts/main.mustache
@@ -8,8 +8,7 @@
     <link rel="stylesheet" href="{{yuiGridsUrl}}">
     <link rel="stylesheet" href="{{projectAssets}}/css/main.css">
     <link rel="stylesheet" href="{{projectAssets}}/landing.css">
-    <style>
+    <link rel="stylesheet" href="{{projectAssets}}/footer.css">
-    </style>
 </head>
 <body>
     <div class="yeti-widget">

diff --git a/doc/yeti/partials/footer.mustache b/doc/yeti/partials/footer.mustache
@@ -1,19 +1,3 @@
-<style>
-    .ft {
-        margin: 100px 10px;
-        font-size: 13px;
-    }
-    .ft p {
-        background: transparent url(https://s1.yimg.com/rz/d/yahoo_ydn_en-US_s_f_p_bestfit_developer-network.png) no-repeat center 0;
-        background-size: 132px 38px;
-        padding-top: 40px;
-    }
-    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
-        .ft p {
-            background-image: url(https://s1.yimg.com/rz/d/yahoo_ydn_en-US_s_f_p_bestfit_developer-network_2x.png);
-        }
-    }
-</style>
 <div class="ft">
 <p>
     <a href="http://yeti.cx">Yeti</a> is made by <a href="http://yuilibrary.com/">YUI</a> at Yahoo