.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;
<!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>