1
0
Fork 0

chore(docs): Clean up

This commit is contained in:
Shipow 2015-12-22 22:34:33 +01:00
parent 23ec64d097
commit 121df58f88
5 changed files with 10 additions and 97 deletions

View file

@ -1,6 +1,6 @@
<header class="site-header">
<nav class="navbar navbar-default navbar-inverse">
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a id="logo" href="{{ site.baseurl }}/">

View file

@ -1,45 +0,0 @@
header.site-header {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
background: linear-gradient(to right, rgba(#0a1724, .8) -50%, rgba(#172c4f, .5) 100%);
transition: background 2s ease;
nav.navbar {
margin-bottom: 0;
background-color: #0B1724;
border-radius: 0;
border: none;
.navbar-collapse.in {
background-color: #0B1724 !important;
animation: fadeInUp .2s ease-in-out;
position: fixed;
@include position(0,0,0,0);
padding: 20%;
font-size: 1.2em;
li {
padding-bottom: 1em; } }
.navbar-brand {
font-weight: 600;
color: white;
z-index: 1; }
.navbar-header {
position: relative;
z-index: 2; }
.navbar-toggle {
background-color: $brand-primary;
border: solid 1px $brand-primary;
color: white;
&.collapsed {
background-color: transparent;
border: solid 1px rgba(white,.4);
color: white; } }
.navbar-nav {
> li > a {
padding-bottom: 0; }
> .active > a {
color: #1D96C7 !important;
background-color: transparent; } } } }
.main-content {
margin-top: $navbar-height; }

View file

@ -25,56 +25,19 @@ html, body {
.navbar {
border-radius: 0;
border: none;
background-color: #0B1724;
.navbar-header {
position: relative;
height: 50px;
font-size: 16px;
line-height: 50px;
}
.navbar-toggle {
background-color: #1d96c7;
border: solid 1px #1d96c7;
color: white;
&.collapsed {
background-color: transparent;
border: solid 1px rgba(255, 255, 255, 0.4);
color: white;
}
line-height: 50px
}
.navbar-nav > li > a {
padding-bottom: 0;
}
.navbar-collapse.in {
background-color: #0B1724 !important;
animation: fadeInUp .2s ease-in-out;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20%;
font-size: 1.2em;
li {
padding-bottom: 1em;
}
}
}
}
.site-header nav.navbar .navbar-nav > .active > a {
color: #1D96C7 !important;
background-color: transparent;
}
.site-header nav.navbar .navbar-nav > li > a.navbar-github-link {
font-size: 32px;
padding-top: 10px;
}
.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
color: #46AEDA;
text-decoration: none;
}
/* JUMBOTRON
// ------------------------- */
.main-content .jumbotron {

View file

@ -9,7 +9,6 @@
@import "syntax-highlighting";
@import "helper";
@import "header";
@import "home";
@import "page";
@import "footer";

View file

@ -41,10 +41,9 @@ layout: default
%p Not blaming anyone here. Building a good search for a documentation is a complex challenge.We happen to have a lot of experience doing that, and we want to share it with the world. For free.
#section_examples.page-section.page-section-dark
.container
.row
.col-sm-10.col-sm-offset-1
%h2.page-section-title DocSearch is live
%p Weve integrated DocSearch into several open source projects. Take a look.
.text-center
%h2.page-section-title DocSearch is live
%p Weve integrated DocSearch into several open source projects. Take a look.
.row
.col-sm-4.showcase
%a{:href => "https://bootstrap.algolia.com", :target => "_blank"}
@ -99,13 +98,10 @@ layout: default
%p Well send you a few lines to code to integrate Algolia autocomplete and power your search.
%p You will receive the same speed, relevance and best-in-class UX as our paying customers.
#section_get-started.page-section.page-section-dark
.container
.row
.col-sm-10.col-sm-offset-1
%h2.page-section-title Get started
%p Add the url of your documentation site and your email to the form at the top of the page. Well get back to you with what you need to integrate your new search into your website.
%p Dont forget, DocSearch is completely free! Theres no need to sign up for Algolia or submit any payment information. Lets tackle document search together.
.spacer30
.m800
%h2.page-section-title Get started
%p Add the url of your documentation site and your email to the form at the top of the page. Well get back to you with what you need to integrate your new search into your website.
%p Dont forget, DocSearch is completely free! Theres no need to sign up for Algolia or submit any payment information. Lets tackle document search together.
<script src="js/animation.js"></script>