]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
styled docs footer for studios
authorMandi Saeteun <mandi@zurb.com>
Tue, 2 Feb 2016 18:27:36 +0000 (10:27 -0800)
committerMandi Saeteun <mandi@zurb.com>
Tue, 2 Feb 2016 18:27:36 +0000 (10:27 -0800)
docs/assets/scss/docs.scss
docs/layout/default.html

index 67e877290f9cd8feaa403411d63f30621a1dd942..5fab10e931a9529309520b8bffb5b098a9854a13 100644 (file)
 
 .studios-callout {
   text-align: center !important;
-  padding: rem-calc(45) !important;
+  padding: 45px 45px 25px 45px;
+  margin-top: 45px;
   background-color: #fafafa !important;
+  border-top: 1px solid #f6f4f4;
 
   .property-label {
     font-family: "Proxima Nova Condensed Bold","Proxima Nova Condensed","proxima-nova-condensed","Helvetica Neue",Helvetica,Arial,sans-serif !important;
   }
 
   h3 {
-    font-size: rem-calc(26) !important;
-    margin-top: rem-calc(20) !important;
+    font-size: 26px !important;
+    margin-top: 20px !important;
+    margin-bottom: 10px !important;
+    font-weight: light !important;
   }
 
   img {
     overflow: hidden !important;
   }
 
+  .lead {
+    color: #777777;
+    font-size: 18px;
+    font-weight: thin;
+  }
+
   .button {
     width: 100% !important;
+    font-weight: bold;
     &:hover {
       background-color: darken(#2CADBE, 10%) !important;
       transition: .25 ease all !important;
index 9d4bf826f65efa68a7933cd5b9f88900e7c9a996..2944807356b5de4f11987ae890b67403bfb08e1c 100644 (file)
@@ -1,67 +1,67 @@
 <!doctype html>
 <!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
 <html class="no-js" lang="en" dir="ltr">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="{{description}}">
-    <link rel="icon" href="assets/img/icons/favicon.ico" type="image/x-icon">
-    <title>Foundation for Sites 6 Docs{{#unlesspage 'index'}} | {{title}}{{/unlesspage}}</title>
-    <link href="assets/css/docs.css" rel="stylesheet" />
-    <link href="//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
-    <!-- <link rel="stylesheet" href="./node_modules/motion-ui/dist/motion-ui.css" /> -->
-  </head>
-  <body>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="{{description}}">
+  <link rel="icon" href="assets/img/icons/favicon.ico" type="image/x-icon">
+  <title>Foundation for Sites 6 Docs{{#unlesspage 'index'}} | {{title}}{{/unlesspage}}</title>
+  <link href="assets/css/docs.css" rel="stylesheet" />
+  <link href="//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
+  <!-- <link rel="stylesheet" href="./node_modules/motion-ui/dist/motion-ui.css" /> -->
+</head>
+<body>
 
-    <div class="off-canvas-wrapper"><div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
+  <div class="off-canvas-wrapper"><div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
 
     {{> off-canvi}}
 
     <div class="off-canvas-content" data-off-canvas-content>
       <!-- Info Banner For Announcements or Links -->
       <!-- <a href="http://zurb.com/article/1416/foundation-6-is-here" id="notice">
-        <div class="info">
-          <h5>Foundation 6 is here!</h5>
-        </div>
-      </a> -->
-        
-      {{> navigation}}
-      {{> mobile-navigation}}
+      <div class="info">
+      <h5>Foundation 6 is here!</h5>
+    </div>
+  </a> -->
 
-      <input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
+  {{> navigation}}
+  {{> mobile-navigation}}
 
-      <div class="expanded row">
-        <div class="medium-9 large-10 medium-push-3 large-push-2 columns">
-{{> body}}
-        </div>
-        <div class="medium-3 large-2 medium-pull-9 large-pull-10 columns">
-          {{> component-list}}
-        </div>
-      </div>
+  <input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
 
-      {{> footer}}
+  <div class="expanded row">
+    <div class="medium-9 large-10 medium-push-3 large-push-2 columns">
+      {{> body}}
+    </div>
+    <div class="medium-3 large-2 medium-pull-9 large-pull-10 columns">
+      {{> component-list}}
     </div>
+  </div>
+
+  {{> footer}}
+</div>
 
-    </div></div>
+</div></div>
 
-    <script>
-      var _gaq = _gaq || [];
-      _gaq.push(
-        ['_setAccount', 'UA-2195009-2'],
-        ['_trackPageview'],
-        ['b._setAccount', 'UA-2195009-27'],
-        ['b._trackPageview']
-      );
-      (function() {
-        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-      })();
-    </script>
+<script>
+var _gaq = _gaq || [];
+_gaq.push(
+  ['_setAccount', 'UA-2195009-2'],
+  ['_trackPageview'],
+  ['b._setAccount', 'UA-2195009-27'],
+  ['b._trackPageview']
+);
+(function() {
+  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+})();
+</script>
 
-    <script src="assets/js/vendor.js"></script>
-    <script src="assets/js/foundation.js"></script>
-    <script src="assets/js/docs.js"></script>
-  </body>
+<script src="assets/js/vendor.js"></script>
+<script src="assets/js/foundation.js"></script>
+<script src="assets/js/docs.js"></script>
+</body>
 </html>