From e3a247c49ef97192390cb8817a305411c56e7971 Mon Sep 17 00:00:00 2001 From: connors Date: Wed, 29 Jan 2014 17:56:09 -0800 Subject: [PATCH] fixing up the header a tad --- docs-assets/css/docs.css | 31 ++++++++++++++++++++++++++----- lib/sass/docs.scss | 33 ++++++++++++++++++++++++++++----- 2 files changed, 54 insertions(+), 10 deletions(-) diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css index 97c7eae..b3b9118 100644 --- a/docs-assets/css/docs.css +++ b/docs-assets/css/docs.css @@ -46,12 +46,12 @@ body { opacity: 1; } .docs-nav .icon { - top: 18px; + top: 13px; right: 0; cursor: pointer; } .docs-nav .version { - top: 21px; + top: 14px; left: 0; } @@ -65,7 +65,9 @@ body { padding-bottom: 50px; } .docs-header-content .button { + display: block; padding: 15px 30px 16px; + margin: 0 10px 10px; font-size: 18px; color: #00d1fe; border-color: #00d1fe; @@ -81,7 +83,7 @@ body { background-color: transparent; } .docs-header-content .button-primary { - margin-left: 10px; + margin-bottom: 0; color: #fff; border-color: #00d1fe; background-color: #00d1fe; @@ -102,7 +104,7 @@ body { .docs-title { margin: 0; - font-size: 22px; + font-size: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: 6px; @@ -111,7 +113,7 @@ body { .docs-subtitle { max-width: 750px; margin: 0 auto 20px; - font-size: 24px; + font-size: 26px; font-weight: 100; line-height: 34px; } @@ -486,6 +488,25 @@ hr { line-height: 60px; } + .docs-header-content .button { + display: inline-block; + margin: 0; + } + .docs-header-content .button-primary { + margin-left: 10px; + } + + .docs-title { + font-size: 22px; + } + + .docs-nav .icon { + top: 18px; + } + .docs-nav .version { + top: 17px; + } + .device { position: relative; top: 50px; diff --git a/lib/sass/docs.scss b/lib/sass/docs.scss index 1e0fdda..12e4b62 100644 --- a/lib/sass/docs.scss +++ b/lib/sass/docs.scss @@ -43,12 +43,12 @@ body { } } .icon { - top: 18px; + top: 13px; right: 0; cursor: pointer; } .version { - top: 21px; + top: 14px; left: 0; } } @@ -61,7 +61,9 @@ body { padding-bottom: 50px; .button { + display: block; padding: 15px 30px 16px; + margin: 0 10px 10px; font-size: 18px; color: #00d1fe; border-color: #00d1fe; @@ -77,7 +79,7 @@ body { } } .button-primary { - margin-left: 10px; + margin-bottom: 0; color: #fff; border-color: #00d1fe; background-color: #00d1fe; @@ -98,7 +100,7 @@ body { } .docs-title { margin: 0; - font-size: 22px; + font-size: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: 6px; @@ -106,7 +108,7 @@ body { .docs-subtitle { max-width: 750px; margin: 0 auto 20px; - font-size: 24px; + font-size: 26px; font-weight: 100; line-height: 34px; } @@ -522,6 +524,27 @@ hr { font-size: 41px; line-height: 60px; } + .docs-header-content { + + .button { + display: inline-block; + margin: 0; + } + .button-primary { + margin-left: 10px; + } + } + .docs-title { + font-size: 22px; + } + .docs-nav { + .icon { + top: 18px; + } + .version { + top: 17px; + } + } // Device .device {