Skip to content

Commit a5047cb

Browse files
author
Antoni Wojcik
committed
New docs styles
1 parent 5be6b5d commit a5047cb

18 files changed

+307
-265
lines changed

‎content/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<div class="flex-1">
44
<h1 class="text-center">
55
BookingSync
6-
<i class="fa fa-heart fa-2x animated hinge heartbeat infinite"></i>
6+
<i class="fa fa-heart fa-2x animated hinge heartbeat infinite text-danger jumbotron-icon"></i>
77
Developers
88
</h1>
99
</div>
1010
<p class="text-center">
11-
<a href="/reference" class="btn btn-transparent btn-xl">Read the API Reference</a>
11+
<a href="/reference" class="btn btn-outline-white btn-xl">Read the API Reference</a>
1212
</p>
1313
</div>
1414
</div>

‎content/stylesheets/_animate.scss‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
.animated {
2+
animation-duration: 1s;
3+
animation-fill-mode: both;
4+
}
5+
6+
.animated.infinite {
7+
animation-iteration-count: infinite;
8+
}
9+
10+
.animated.hinge {
11+
animation-duration: 2s;
12+
}
13+
14+
@keyframes heartbeat {
15+
0%, 30%, 70%, 100% {
16+
transform: scale3d(1, 1, 1);
17+
}
18+
19+
50% {
20+
transform: scale3d(1.05, 1.05, 1.05);
21+
}
22+
}
23+
24+
.heartbeat {
25+
animation-name: heartbeat;
26+
}

‎content/stylesheets/_base.scss‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
@import "bootstrap/variables";
2+
@import "bookingsync/variables";
3+
4+
.content {
5+
padding-top: 30px;
6+
padding-bottom: 40px;
7+
}
8+
9+
.reference-body h3,
10+
.reference-body h4,
11+
.reference-body h5,
12+
.reference-body h6 {
13+
margin-top: 2em;
14+
}
15+
16+
.reference-body h3+h4 {
17+
margin-top: 1em;
18+
}
19+
20+
.reference-body .nav-pills {
21+
border-bottom: 2px solid $nav-pills-active-link-hover-bg;
22+
}
23+
24+
.reference-body .nav-pills a {
25+
border-radius: 0;
26+
}

‎content/stylesheets/_bootstrap-bookingsync-custom.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
@import "bootstrap/buttons";
1919

2020
// Components
21-
// @import "bootstrap/component-animations";
21+
@import "bootstrap/component-animations";
2222
// @import "bootstrap/dropdowns";
2323
// @import "bootstrap/button-groups";
2424
// @import "bootstrap/input-groups";
@@ -29,7 +29,7 @@
2929
// @import "bootstrap/pager";
3030
// @import "bootstrap/labels";
3131
// @import "bootstrap/badges";
32-
// @import "bootstrap/jumbotron";
32+
@import "bootstrap/jumbotron";
3333
// @import "bootstrap/thumbnails";
3434
// @import "bootstrap/alerts";
3535
// @import "bootstrap/progress-bars";

‎content/stylesheets/_buttons.scss‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
@import "bootstrap/variables";
2+
@import "bookingsync/variables";
3+
@import "bootstrap/mixins";
4+
@import "mixins";
5+
6+
.btn-xl {
7+
@media (min-width: $screen-sm) {
8+
@include button-size(($padding-large-vertical * 2),
9+
($padding-large-horizontal * 2),
10+
($font-size-large * 1.5),
11+
$line-height-large,
12+
$btn-border-radius-large);
13+
}
14+
}
15+
16+
.btn-outline-white {
17+
@include button-outline-variant(#FFF);
18+
}

‎content/stylesheets/_callout.scss‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
.callout {
2+
padding: 20px;
3+
margin: 20px 0;
4+
border: 1px solid #eee;
5+
border-left-width: 5px;
6+
border-radius: 3px;
7+
}
8+
9+
.callout h4 {
10+
margin-top: 0;
11+
margin-bottom: 5px;
12+
}
13+
14+
.callout-warning {
15+
border-left-color: #ffaf2a;
16+
}
17+
18+
.callout-warning h4 {
19+
color: #ffaf2a;
20+
}
21+
22+
.callout-info {
23+
border-left-color: #2089c8;
24+
}
25+
26+
.callout-info h4 {
27+
color: #2089c8;
28+
}

‎content/stylesheets/_code.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
pre {
2+
border: none;
3+
}

‎content/stylesheets/_jumbotron.scss‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
@import "bootstrap/variables";
2+
@import "bookingsync/variables";
3+
4+
.jumbotron {
5+
margin-bottom: 0;
6+
}
7+
8+
.jumbotron-icon {
9+
display: block !important;
10+
margin: 30px 10px;
11+
vertical-align: middle;
12+
text-shadow: 0px -1px 0px #fff;
13+
14+
@media (min-width: $screen-sm) {
15+
margin-top: 20px;
16+
margin-bottom: 20px;
17+
}
18+
19+
@media (min-width: $screen-md) {
20+
display: inline-block !important;
21+
}
22+
}

‎content/stylesheets/_list-group.scss‎

Whitespace-only changes.

‎content/stylesheets/_mixins.scss‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
@mixin button-outline-variant($color) {
2+
color: $color;
3+
background-image: none;
4+
background-color: transparent;
5+
border-color: $color;
6+
7+
&:hover,
8+
&:focus,
9+
&:active {
10+
color: $color;
11+
background-color: transparentize(#fff, 0.7);
12+
border-color: $color;
13+
@include box-shadow(none);
14+
}
15+
}

0 commit comments

Comments
 (0)