Scope klavika to home page, style docs headings
This commit is contained in:
parent
6906f6b2ef
commit
4caf4f1e20
|
@ -5,7 +5,6 @@ header .header {
|
|||
h1 {
|
||||
margin-bottom: -8px;
|
||||
margin-top: 60px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
span {
|
||||
|
@ -254,12 +253,13 @@ header .header {
|
|||
h1 {
|
||||
font-size: 40px;
|
||||
line-height: (25/20);
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: $baseline * 2;
|
||||
text-transform: capitalize;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
|
|
@ -19,16 +19,19 @@ body {
|
|||
background-color: $background;
|
||||
font-family: $font-family-open-sans;
|
||||
font-size: $base-font-size;
|
||||
font-weight: 400;
|
||||
line-height: $base-line-height;
|
||||
}
|
||||
|
||||
.home {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: $font-family-klavika;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 70px;
|
||||
font-size: 42px;
|
||||
line-height: (80/70);
|
||||
@include respond-to(mobile) {
|
||||
font-size: 50px;
|
||||
|
@ -37,7 +40,7 @@ h1 {
|
|||
}
|
||||
|
||||
h2 {
|
||||
font-size: 40px;
|
||||
font-size: 36px;
|
||||
line-height: (50/40);
|
||||
|
||||
&.has-dividers {
|
||||
|
@ -52,7 +55,7 @@ h2 {
|
|||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
font-size: 24px;
|
||||
line-height: (30/20);
|
||||
}
|
||||
|
||||
|
|
|
@ -7,10 +7,10 @@ description: Packer is a free and open source tool for creating golden images
|
|||
<header class="dark-background">
|
||||
<div class="container hero">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-md-offset-1">
|
||||
<h2>
|
||||
<div class="col-md-6">
|
||||
<h1>
|
||||
<span class="text-green">Packer</span> is a tool for creating machine and container images for multiple platforms from a single source configuration.
|
||||
</h2>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
<div id="header" class="navigation white <%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
|
||||
<div class="container-fluid">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<div class="navbar-brand">
|
||||
<a class="logo" href="/">Packer</a>
|
||||
|
@ -72,7 +72,7 @@
|
|||
<%= yield %>
|
||||
<div class="clearfix"></div>
|
||||
<footer id="footer" class="navigation white">
|
||||
<div class="container-fluid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<% # current_page.path does not have an extension, but
|
||||
|
|
Loading…
Reference in New Issue