.
9 |
10 | .list-group {
11 | // No need to set list-style: none; since .list-group-item is block level
12 | margin-bottom: 20px;
13 | padding-left: 0; // reset padding because ul and ol
14 | }
15 |
16 |
17 | // Individual list items
18 | //
19 | // Use on `li`s or `div`s within the `.list-group` parent.
20 |
21 | .list-group-item {
22 | position: relative;
23 | display: block;
24 | padding: 10px 15px;
25 | // Place the border on the list items and negative margin up for better styling
26 | margin-bottom: -1px;
27 | background-color: $list-group-bg;
28 | border: 1px solid $list-group-border;
29 |
30 | // Round the first and last items
31 | &:first-child {
32 | @include border-top-radius($list-group-border-radius);
33 | }
34 | &:last-child {
35 | margin-bottom: 0;
36 | @include border-bottom-radius($list-group-border-radius);
37 | }
38 | }
39 |
40 |
41 | // Interactive list items
42 | //
43 | // Use anchor or button elements instead of `li`s or `div`s to create interactive items.
44 | // Includes an extra `.active` modifier class for showing selected items.
45 |
46 | a.list-group-item,
47 | button.list-group-item {
48 | color: $list-group-link-color;
49 |
50 | .list-group-item-heading {
51 | color: $list-group-link-heading-color;
52 | }
53 |
54 | // Hover state
55 | &:hover,
56 | &:focus {
57 | text-decoration: none;
58 | color: $list-group-link-hover-color;
59 | background-color: $list-group-hover-bg;
60 | }
61 | }
62 |
63 | button.list-group-item {
64 | width: 100%;
65 | text-align: left;
66 | }
67 |
68 | .list-group-item {
69 | // Disabled state
70 | &.disabled,
71 | &.disabled:hover,
72 | &.disabled:focus {
73 | background-color: $list-group-disabled-bg;
74 | color: $list-group-disabled-color;
75 | cursor: $cursor-disabled;
76 |
77 | // Force color to inherit for custom content
78 | .list-group-item-heading {
79 | color: inherit;
80 | }
81 | .list-group-item-text {
82 | color: $list-group-disabled-text-color;
83 | }
84 | }
85 |
86 | // Active class on item itself, not parent
87 | &.active,
88 | &.active:hover,
89 | &.active:focus {
90 | z-index: 2; // Place active items above their siblings for proper border styling
91 | color: $list-group-active-color;
92 | background-color: $list-group-active-bg;
93 | border-color: $list-group-active-border;
94 |
95 | // Force color to inherit for custom content
96 | .list-group-item-heading,
97 | .list-group-item-heading > small,
98 | .list-group-item-heading > .small {
99 | color: inherit;
100 | }
101 | .list-group-item-text {
102 | color: $list-group-active-text-color;
103 | }
104 | }
105 | }
106 |
107 |
108 | // Contextual variants
109 | //
110 | // Add modifier classes to change text and background color on individual items.
111 | // Organizationally, this must come after the `:hover` states.
112 |
113 | @include list-group-item-variant(success, $state-success-bg, $state-success-text);
114 | @include list-group-item-variant(info, $state-info-bg, $state-info-text);
115 | @include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);
116 | @include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);
117 |
118 |
119 | // Custom content options
120 | //
121 | // Extra classes for creating well-formatted content within `.list-group-item`s.
122 |
123 | .list-group-item-heading {
124 | margin-top: 0;
125 | margin-bottom: 5px;
126 | }
127 | .list-group-item-text {
128 | margin-bottom: 0;
129 | line-height: 1.3;
130 | }
131 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_media.scss:
--------------------------------------------------------------------------------
1 | .media {
2 | // Proper spacing between instances of .media
3 | margin-top: 15px;
4 |
5 | &:first-child {
6 | margin-top: 0;
7 | }
8 | }
9 |
10 | .media,
11 | .media-body {
12 | zoom: 1;
13 | overflow: hidden;
14 | }
15 |
16 | .media-body {
17 | width: 10000px;
18 | }
19 |
20 | .media-object {
21 | display: block;
22 |
23 | // Fix collapse in webkit from max-width: 100% and display: table-cell.
24 | &.img-thumbnail {
25 | max-width: none;
26 | }
27 | }
28 |
29 | .media-right,
30 | .media > .pull-right {
31 | padding-left: 10px;
32 | }
33 |
34 | .media-left,
35 | .media > .pull-left {
36 | padding-right: 10px;
37 | }
38 |
39 | .media-left,
40 | .media-right,
41 | .media-body {
42 | display: table-cell;
43 | vertical-align: top;
44 | }
45 |
46 | .media-middle {
47 | vertical-align: middle;
48 | }
49 |
50 | .media-bottom {
51 | vertical-align: bottom;
52 | }
53 |
54 | // Reset margins on headings for tighter default spacing
55 | .media-heading {
56 | margin-top: 0;
57 | margin-bottom: 5px;
58 | }
59 |
60 | // Media list variation
61 | //
62 | // Undo default ul/ol styles
63 | .media-list {
64 | padding-left: 0;
65 | list-style: none;
66 | }
67 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------------------------------
3 |
4 | // Utilities
5 | @import "mixins/hide-text";
6 | @import "mixins/opacity";
7 | @import "mixins/image";
8 | @import "mixins/labels";
9 | @import "mixins/reset-filter";
10 | @import "mixins/resize";
11 | @import "mixins/responsive-visibility";
12 | @import "mixins/size";
13 | @import "mixins/tab-focus";
14 | @import "mixins/reset-text";
15 | @import "mixins/text-emphasis";
16 | @import "mixins/text-overflow";
17 | @import "mixins/vendor-prefixes";
18 |
19 | // Components
20 | @import "mixins/alerts";
21 | @import "mixins/buttons";
22 | @import "mixins/panels";
23 | @import "mixins/pagination";
24 | @import "mixins/list-group";
25 | @import "mixins/nav-divider";
26 | @import "mixins/forms";
27 | @import "mixins/progress-bar";
28 | @import "mixins/table-row";
29 |
30 | // Skins
31 | @import "mixins/background-variant";
32 | @import "mixins/border-radius";
33 | @import "mixins/gradients";
34 |
35 | // Layout
36 | @import "mixins/clearfix";
37 | @import "mixins/center-block";
38 | @import "mixins/nav-vertical-align";
39 | @import "mixins/grid-framework";
40 | @import "mixins/grid";
41 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_modals.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 | // .modal-open - body class for killing the scroll
6 | // .modal - container to scroll within
7 | // .modal-dialog - positioning shell for the actual modal
8 | // .modal-content - actual modal w/ bg and corners and shit
9 |
10 | // Kill the scroll on the body
11 | .modal-open {
12 | overflow: hidden;
13 | }
14 |
15 | // Container that the modal scrolls within
16 | .modal {
17 | display: none;
18 | overflow: hidden;
19 | position: fixed;
20 | top: 0;
21 | right: 0;
22 | bottom: 0;
23 | left: 0;
24 | z-index: $zindex-modal;
25 | -webkit-overflow-scrolling: touch;
26 |
27 | // Prevent Chrome on Windows from adding a focus outline. For details, see
28 | // https://github.com/twbs/bootstrap/pull/10951.
29 | outline: 0;
30 |
31 | // When fading in the modal, animate it to slide down
32 | &.fade .modal-dialog {
33 | @include translate(0, -25%);
34 | @include transition-transform(0.3s ease-out);
35 | }
36 | &.in .modal-dialog { @include translate(0, 0) }
37 | }
38 | .modal-open .modal {
39 | overflow-x: hidden;
40 | overflow-y: auto;
41 | }
42 |
43 | // Shell div to position the modal with bottom padding
44 | .modal-dialog {
45 | position: relative;
46 | width: auto;
47 | margin: 10px;
48 | }
49 |
50 | // Actual modal
51 | .modal-content {
52 | position: relative;
53 | background-color: $modal-content-bg;
54 | border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
55 | border: 1px solid $modal-content-border-color;
56 | border-radius: $border-radius-large;
57 | @include box-shadow(0 3px 9px rgba(0,0,0,.5));
58 | background-clip: padding-box;
59 | // Remove focus outline from opened modal
60 | outline: 0;
61 | }
62 |
63 | // Modal background
64 | .modal-backdrop {
65 | position: fixed;
66 | top: 0;
67 | right: 0;
68 | bottom: 0;
69 | left: 0;
70 | z-index: $zindex-modal-background;
71 | background-color: $modal-backdrop-bg;
72 | // Fade for backdrop
73 | &.fade { @include opacity(0); }
74 | &.in { @include opacity($modal-backdrop-opacity); }
75 | }
76 |
77 | // Modal header
78 | // Top section of the modal w/ title and dismiss
79 | .modal-header {
80 | padding: $modal-title-padding;
81 | border-bottom: 1px solid $modal-header-border-color;
82 | @include clearfix;
83 | }
84 | // Close icon
85 | .modal-header .close {
86 | margin-top: -2px;
87 | }
88 |
89 | // Title text within header
90 | .modal-title {
91 | margin: 0;
92 | line-height: $modal-title-line-height;
93 | }
94 |
95 | // Modal body
96 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
97 | .modal-body {
98 | position: relative;
99 | padding: $modal-inner-padding;
100 | }
101 |
102 | // Footer (for actions)
103 | .modal-footer {
104 | padding: $modal-inner-padding;
105 | text-align: right; // right align buttons
106 | border-top: 1px solid $modal-footer-border-color;
107 | @include clearfix; // clear it in case folks use .pull-* classes on buttons
108 |
109 | // Properly space out buttons
110 | .btn + .btn {
111 | margin-left: 5px;
112 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
113 | }
114 | // but override that for button groups
115 | .btn-group .btn + .btn {
116 | margin-left: -1px;
117 | }
118 | // and override it for block buttons as well
119 | .btn-block + .btn-block {
120 | margin-left: 0;
121 | }
122 | }
123 |
124 | // Measure scrollbar width for padding body during modal show/hide
125 | .modal-scrollbar-measure {
126 | position: absolute;
127 | top: -9999px;
128 | width: 50px;
129 | height: 50px;
130 | overflow: scroll;
131 | }
132 |
133 | // Scale up the modal
134 | @media (min-width: $screen-sm-min) {
135 | // Automatically set modal's width for larger viewports
136 | .modal-dialog {
137 | width: $modal-md;
138 | margin: 30px auto;
139 | }
140 | .modal-content {
141 | @include box-shadow(0 5px 15px rgba(0,0,0,.5));
142 | }
143 |
144 | // Modal sizes
145 | .modal-sm { width: $modal-sm; }
146 | }
147 |
148 | @media (min-width: $screen-md-min) {
149 | .modal-lg { width: $modal-lg; }
150 | }
151 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_navs.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Navs
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | // --------------------------------------------------
8 |
9 | .nav {
10 | margin-bottom: 0;
11 | padding-left: 0; // Override default ul/ol
12 | list-style: none;
13 | @include clearfix;
14 |
15 | > li {
16 | position: relative;
17 | display: block;
18 |
19 | > a {
20 | position: relative;
21 | display: block;
22 | padding: $nav-link-padding;
23 | &:hover,
24 | &:focus {
25 | text-decoration: none;
26 | background-color: $nav-link-hover-bg;
27 | }
28 | }
29 |
30 | // Disabled state sets text to gray and nukes hover/tab effects
31 | &.disabled > a {
32 | color: $nav-disabled-link-color;
33 |
34 | &:hover,
35 | &:focus {
36 | color: $nav-disabled-link-hover-color;
37 | text-decoration: none;
38 | background-color: transparent;
39 | cursor: $cursor-disabled;
40 | }
41 | }
42 | }
43 |
44 | // Open dropdowns
45 | .open > a {
46 | &,
47 | &:hover,
48 | &:focus {
49 | background-color: $nav-link-hover-bg;
50 | border-color: $link-color;
51 | }
52 | }
53 |
54 | // Nav dividers (deprecated with v3.0.1)
55 | //
56 | // This should have been removed in v3 with the dropping of `.nav-list`, but
57 | // we missed it. We don't currently support this anywhere, but in the interest
58 | // of maintaining backward compatibility in case you use it, it's deprecated.
59 | .nav-divider {
60 | @include nav-divider;
61 | }
62 |
63 | // Prevent IE8 from misplacing imgs
64 | //
65 | // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
66 | > li > a > img {
67 | max-width: none;
68 | }
69 | }
70 |
71 |
72 | // Tabs
73 | // -------------------------
74 |
75 | // Give the tabs something to sit on
76 | .nav-tabs {
77 | border-bottom: 1px solid $nav-tabs-border-color;
78 | > li {
79 | float: left;
80 | // Make the list-items overlay the bottom border
81 | margin-bottom: -1px;
82 |
83 | // Actual tabs (as links)
84 | > a {
85 | margin-right: 2px;
86 | line-height: $line-height-base;
87 | border: 1px solid transparent;
88 | border-radius: $border-radius-base $border-radius-base 0 0;
89 | &:hover {
90 | border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
91 | }
92 | }
93 |
94 | // Active state, and its :hover to override normal :hover
95 | &.active > a {
96 | &,
97 | &:hover,
98 | &:focus {
99 | color: $nav-tabs-active-link-hover-color;
100 | background-color: $nav-tabs-active-link-hover-bg;
101 | border: 1px solid $nav-tabs-active-link-hover-border-color;
102 | border-bottom-color: transparent;
103 | cursor: default;
104 | }
105 | }
106 | }
107 | // pulling this in mainly for less shorthand
108 | &.nav-justified {
109 | @extend .nav-justified;
110 | @extend .nav-tabs-justified;
111 | }
112 | }
113 |
114 |
115 | // Pills
116 | // -------------------------
117 | .nav-pills {
118 | > li {
119 | float: left;
120 |
121 | // Links rendered as pills
122 | > a {
123 | border-radius: $nav-pills-border-radius;
124 | }
125 | + li {
126 | margin-left: 2px;
127 | }
128 |
129 | // Active state
130 | &.active > a {
131 | &,
132 | &:hover,
133 | &:focus {
134 | color: $nav-pills-active-link-hover-color;
135 | background-color: $nav-pills-active-link-hover-bg;
136 | }
137 | }
138 | }
139 | }
140 |
141 |
142 | // Stacked pills
143 | .nav-stacked {
144 | > li {
145 | float: none;
146 | + li {
147 | margin-top: 2px;
148 | margin-left: 0; // no need for this gap between nav items
149 | }
150 | }
151 | }
152 |
153 |
154 | // Nav variations
155 | // --------------------------------------------------
156 |
157 | // Justified nav links
158 | // -------------------------
159 |
160 | .nav-justified {
161 | width: 100%;
162 |
163 | > li {
164 | float: none;
165 | > a {
166 | text-align: center;
167 | margin-bottom: 5px;
168 | }
169 | }
170 |
171 | > .dropdown .dropdown-menu {
172 | top: auto;
173 | left: auto;
174 | }
175 |
176 | @media (min-width: $screen-sm-min) {
177 | > li {
178 | display: table-cell;
179 | width: 1%;
180 | > a {
181 | margin-bottom: 0;
182 | }
183 | }
184 | }
185 | }
186 |
187 | // Move borders to anchors instead of bottom of list
188 | //
189 | // Mixin for adding on top the shared `.nav-justified` styles for our tabs
190 | .nav-tabs-justified {
191 | border-bottom: 0;
192 |
193 | > li > a {
194 | // Override margin from .nav-tabs
195 | margin-right: 0;
196 | border-radius: $border-radius-base;
197 | }
198 |
199 | > .active > a,
200 | > .active > a:hover,
201 | > .active > a:focus {
202 | border: 1px solid $nav-tabs-justified-link-border-color;
203 | }
204 |
205 | @media (min-width: $screen-sm-min) {
206 | > li > a {
207 | border-bottom: 1px solid $nav-tabs-justified-link-border-color;
208 | border-radius: $border-radius-base $border-radius-base 0 0;
209 | }
210 | > .active > a,
211 | > .active > a:hover,
212 | > .active > a:focus {
213 | border-bottom-color: $nav-tabs-justified-active-link-border-color;
214 | }
215 | }
216 | }
217 |
218 |
219 | // Tabbable tabs
220 | // -------------------------
221 |
222 | // Hide tabbable panes to start, show them when `.active`
223 | .tab-content {
224 | > .tab-pane {
225 | display: none;
226 | }
227 | > .active {
228 | display: block;
229 | }
230 | }
231 |
232 |
233 | // Dropdowns
234 | // -------------------------
235 |
236 | // Specific dropdowns
237 | .nav-tabs .dropdown-menu {
238 | // make dropdown border overlap tab border
239 | margin-top: -1px;
240 | // Remove the top rounded corners here since there is a hard edge above the menu
241 | @include border-top-radius(0);
242 | }
243 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_pager.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: $line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | @include clearfix;
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: $pager-bg;
19 | border: 1px solid $pager-border;
20 | border-radius: $pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: $pager-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: $pager-disabled-color;
50 | background-color: $pager-bg;
51 | cursor: $cursor-disabled;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_pagination.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Pagination (multiple pages)
3 | // --------------------------------------------------
4 | .pagination {
5 | display: inline-block;
6 | padding-left: 0;
7 | margin: $line-height-computed 0;
8 | border-radius: $border-radius-base;
9 |
10 | > li {
11 | display: inline; // Remove list-style and block-level defaults
12 | > a,
13 | > span {
14 | position: relative;
15 | float: left; // Collapse white-space
16 | padding: $padding-base-vertical $padding-base-horizontal;
17 | line-height: $line-height-base;
18 | text-decoration: none;
19 | color: $pagination-color;
20 | background-color: $pagination-bg;
21 | border: 1px solid $pagination-border;
22 | margin-left: -1px;
23 | }
24 | &:first-child {
25 | > a,
26 | > span {
27 | margin-left: 0;
28 | @include border-left-radius($border-radius-base);
29 | }
30 | }
31 | &:last-child {
32 | > a,
33 | > span {
34 | @include border-right-radius($border-radius-base);
35 | }
36 | }
37 | }
38 |
39 | > li > a,
40 | > li > span {
41 | &:hover,
42 | &:focus {
43 | z-index: 2;
44 | color: $pagination-hover-color;
45 | background-color: $pagination-hover-bg;
46 | border-color: $pagination-hover-border;
47 | }
48 | }
49 |
50 | > .active > a,
51 | > .active > span {
52 | &,
53 | &:hover,
54 | &:focus {
55 | z-index: 3;
56 | color: $pagination-active-color;
57 | background-color: $pagination-active-bg;
58 | border-color: $pagination-active-border;
59 | cursor: default;
60 | }
61 | }
62 |
63 | > .disabled {
64 | > span,
65 | > span:hover,
66 | > span:focus,
67 | > a,
68 | > a:hover,
69 | > a:focus {
70 | color: $pagination-disabled-color;
71 | background-color: $pagination-disabled-bg;
72 | border-color: $pagination-disabled-border;
73 | cursor: $cursor-disabled;
74 | }
75 | }
76 | }
77 |
78 | // Sizing
79 | // --------------------------------------------------
80 |
81 | // Large
82 | .pagination-lg {
83 | @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
84 | }
85 |
86 | // Small
87 | .pagination-sm {
88 | @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
89 | }
90 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_popovers.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Popovers
3 | // --------------------------------------------------
4 |
5 |
6 | .popover {
7 | position: absolute;
8 | top: 0;
9 | left: 0;
10 | z-index: $zindex-popover;
11 | display: none;
12 | max-width: $popover-max-width;
13 | padding: 1px;
14 | // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
15 | // So reset our font and text properties to avoid inheriting weird values.
16 | @include reset-text;
17 | font-size: $font-size-base;
18 |
19 | background-color: $popover-bg;
20 | background-clip: padding-box;
21 | border: 1px solid $popover-fallback-border-color;
22 | border: 1px solid $popover-border-color;
23 | border-radius: $border-radius-large;
24 | @include box-shadow(0 5px 10px rgba(0,0,0,.2));
25 |
26 | // Offset the popover to account for the popover arrow
27 | &.top { margin-top: -$popover-arrow-width; }
28 | &.right { margin-left: $popover-arrow-width; }
29 | &.bottom { margin-top: $popover-arrow-width; }
30 | &.left { margin-left: -$popover-arrow-width; }
31 | }
32 |
33 | .popover-title {
34 | margin: 0; // reset heading margin
35 | padding: 8px 14px;
36 | font-size: $font-size-base;
37 | background-color: $popover-title-bg;
38 | border-bottom: 1px solid darken($popover-title-bg, 5%);
39 | border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
40 | }
41 |
42 | .popover-content {
43 | padding: 9px 14px;
44 | }
45 |
46 | // Arrows
47 | //
48 | // .arrow is outer, .arrow:after is inner
49 |
50 | .popover > .arrow {
51 | &,
52 | &:after {
53 | position: absolute;
54 | display: block;
55 | width: 0;
56 | height: 0;
57 | border-color: transparent;
58 | border-style: solid;
59 | }
60 | }
61 | .popover > .arrow {
62 | border-width: $popover-arrow-outer-width;
63 | }
64 | .popover > .arrow:after {
65 | border-width: $popover-arrow-width;
66 | content: "";
67 | }
68 |
69 | .popover {
70 | &.top > .arrow {
71 | left: 50%;
72 | margin-left: -$popover-arrow-outer-width;
73 | border-bottom-width: 0;
74 | border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
75 | border-top-color: $popover-arrow-outer-color;
76 | bottom: -$popover-arrow-outer-width;
77 | &:after {
78 | content: " ";
79 | bottom: 1px;
80 | margin-left: -$popover-arrow-width;
81 | border-bottom-width: 0;
82 | border-top-color: $popover-arrow-color;
83 | }
84 | }
85 | &.right > .arrow {
86 | top: 50%;
87 | left: -$popover-arrow-outer-width;
88 | margin-top: -$popover-arrow-outer-width;
89 | border-left-width: 0;
90 | border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
91 | border-right-color: $popover-arrow-outer-color;
92 | &:after {
93 | content: " ";
94 | left: 1px;
95 | bottom: -$popover-arrow-width;
96 | border-left-width: 0;
97 | border-right-color: $popover-arrow-color;
98 | }
99 | }
100 | &.bottom > .arrow {
101 | left: 50%;
102 | margin-left: -$popover-arrow-outer-width;
103 | border-top-width: 0;
104 | border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
105 | border-bottom-color: $popover-arrow-outer-color;
106 | top: -$popover-arrow-outer-width;
107 | &:after {
108 | content: " ";
109 | top: 1px;
110 | margin-left: -$popover-arrow-width;
111 | border-top-width: 0;
112 | border-bottom-color: $popover-arrow-color;
113 | }
114 | }
115 |
116 | &.left > .arrow {
117 | top: 50%;
118 | right: -$popover-arrow-outer-width;
119 | margin-top: -$popover-arrow-outer-width;
120 | border-right-width: 0;
121 | border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
122 | border-left-color: $popover-arrow-outer-color;
123 | &:after {
124 | content: " ";
125 | right: 1px;
126 | border-right-width: 0;
127 | border-left-color: $popover-arrow-color;
128 | bottom: -$popover-arrow-width;
129 | }
130 | }
131 | }
132 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_print.scss:
--------------------------------------------------------------------------------
1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
2 |
3 | // ==========================================================================
4 | // Print styles.
5 | // Inlined to avoid the additional HTTP request: h5bp.com/r
6 | // ==========================================================================
7 |
8 | @media print {
9 | *,
10 | *:before,
11 | *:after {
12 | background: transparent !important;
13 | color: #000 !important; // Black prints faster: h5bp.com/s
14 | box-shadow: none !important;
15 | text-shadow: none !important;
16 | }
17 |
18 | a,
19 | a:visited {
20 | text-decoration: underline;
21 | }
22 |
23 | a[href]:after {
24 | content: " (" attr(href) ")";
25 | }
26 |
27 | abbr[title]:after {
28 | content: " (" attr(title) ")";
29 | }
30 |
31 | // Don't show links that are fragment identifiers,
32 | // or use the `javascript:` pseudo protocol
33 | a[href^="#"]:after,
34 | a[href^="javascript:"]:after {
35 | content: "";
36 | }
37 |
38 | pre,
39 | blockquote {
40 | border: 1px solid #999;
41 | page-break-inside: avoid;
42 | }
43 |
44 | thead {
45 | display: table-header-group; // h5bp.com/t
46 | }
47 |
48 | tr,
49 | img {
50 | page-break-inside: avoid;
51 | }
52 |
53 | img {
54 | max-width: 100% !important;
55 | }
56 |
57 | p,
58 | h2,
59 | h3 {
60 | orphans: 3;
61 | widows: 3;
62 | }
63 |
64 | h2,
65 | h3 {
66 | page-break-after: avoid;
67 | }
68 |
69 | // Bootstrap specific changes start
70 |
71 | // Bootstrap components
72 | .navbar {
73 | display: none;
74 | }
75 | .btn,
76 | .dropup > .btn {
77 | > .caret {
78 | border-top-color: #000 !important;
79 | }
80 | }
81 | .label {
82 | border: 1px solid #000;
83 | }
84 |
85 | .table {
86 | border-collapse: collapse !important;
87 |
88 | td,
89 | th {
90 | background-color: #fff !important;
91 | }
92 | }
93 | .table-bordered {
94 | th,
95 | td {
96 | border: 1px solid #ddd !important;
97 | }
98 | }
99 |
100 | // Bootstrap specific changes end
101 | }
102 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_progress-bars.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Progress bars
3 | // --------------------------------------------------
4 |
5 |
6 | // Bar animations
7 | // -------------------------
8 |
9 | // WebKit
10 | @-webkit-keyframes progress-bar-stripes {
11 | from { background-position: 40px 0; }
12 | to { background-position: 0 0; }
13 | }
14 |
15 | // Spec and IE10+
16 | @keyframes progress-bar-stripes {
17 | from { background-position: 40px 0; }
18 | to { background-position: 0 0; }
19 | }
20 |
21 |
22 | // Bar itself
23 | // -------------------------
24 |
25 | // Outer container
26 | .progress {
27 | overflow: hidden;
28 | height: $line-height-computed;
29 | margin-bottom: $line-height-computed;
30 | background-color: $progress-bg;
31 | border-radius: $progress-border-radius;
32 | @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
33 | }
34 |
35 | // Bar of progress
36 | .progress-bar {
37 | float: left;
38 | width: 0%;
39 | height: 100%;
40 | font-size: $font-size-small;
41 | line-height: $line-height-computed;
42 | color: $progress-bar-color;
43 | text-align: center;
44 | background-color: $progress-bar-bg;
45 | @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
46 | @include transition(width .6s ease);
47 | }
48 |
49 | // Striped bars
50 | //
51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
52 | // `.progress-bar-striped` class, which you just add to an existing
53 | // `.progress-bar`.
54 | .progress-striped .progress-bar,
55 | .progress-bar-striped {
56 | @include gradient-striped;
57 | background-size: 40px 40px;
58 | }
59 |
60 | // Call animation for the active one
61 | //
62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
63 | // `.progress-bar.active` approach.
64 | .progress.active .progress-bar,
65 | .progress-bar.active {
66 | @include animation(progress-bar-stripes 2s linear infinite);
67 | }
68 |
69 |
70 | // Variations
71 | // -------------------------
72 |
73 | .progress-bar-success {
74 | @include progress-bar-variant($progress-bar-success-bg);
75 | }
76 |
77 | .progress-bar-info {
78 | @include progress-bar-variant($progress-bar-info-bg);
79 | }
80 |
81 | .progress-bar-warning {
82 | @include progress-bar-variant($progress-bar-warning-bg);
83 | }
84 |
85 | .progress-bar-danger {
86 | @include progress-bar-variant($progress-bar-danger-bg);
87 | }
88 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_responsive-embed.scss:
--------------------------------------------------------------------------------
1 | // Embeds responsive
2 | //
3 | // Credit: Nicolas Gallagher and SUIT CSS.
4 |
5 | .embed-responsive {
6 | position: relative;
7 | display: block;
8 | height: 0;
9 | padding: 0;
10 | overflow: hidden;
11 |
12 | .embed-responsive-item,
13 | iframe,
14 | embed,
15 | object,
16 | video {
17 | position: absolute;
18 | top: 0;
19 | left: 0;
20 | bottom: 0;
21 | height: 100%;
22 | width: 100%;
23 | border: 0;
24 | }
25 | }
26 |
27 | // Modifier class for 16:9 aspect ratio
28 | .embed-responsive-16by9 {
29 | padding-bottom: 56.25%;
30 | }
31 |
32 | // Modifier class for 4:3 aspect ratio
33 | .embed-responsive-4by3 {
34 | padding-bottom: 75%;
35 | }
36 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_responsive-utilities.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Responsive: Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // IE10 in Windows (Phone) 8
7 | //
8 | // Support for responsive views via media queries is kind of borked in IE10, for
9 | // Surface/desktop in split view and for Windows Phone 8. This particular fix
10 | // must be accompanied by a snippet of JavaScript to sniff the user agent and
11 | // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
12 | // our Getting Started page for more information on this bug.
13 | //
14 | // For more information, see the following:
15 | //
16 | // Issue: https://github.com/twbs/bootstrap/issues/10497
17 | // Docs: http://getbootstrap.com/getting-started/#support-ie10-width
18 | // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
19 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
20 |
21 | @at-root {
22 | @-ms-viewport {
23 | width: device-width;
24 | }
25 | }
26 |
27 |
28 | // Visibility utilities
29 | // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
30 |
31 | @include responsive-invisibility('.visible-xs');
32 | @include responsive-invisibility('.visible-sm');
33 | @include responsive-invisibility('.visible-md');
34 | @include responsive-invisibility('.visible-lg');
35 |
36 | .visible-xs-block,
37 | .visible-xs-inline,
38 | .visible-xs-inline-block,
39 | .visible-sm-block,
40 | .visible-sm-inline,
41 | .visible-sm-inline-block,
42 | .visible-md-block,
43 | .visible-md-inline,
44 | .visible-md-inline-block,
45 | .visible-lg-block,
46 | .visible-lg-inline,
47 | .visible-lg-inline-block {
48 | display: none !important;
49 | }
50 |
51 | @media (max-width: $screen-xs-max) {
52 | @include responsive-visibility('.visible-xs');
53 | }
54 | .visible-xs-block {
55 | @media (max-width: $screen-xs-max) {
56 | display: block !important;
57 | }
58 | }
59 | .visible-xs-inline {
60 | @media (max-width: $screen-xs-max) {
61 | display: inline !important;
62 | }
63 | }
64 | .visible-xs-inline-block {
65 | @media (max-width: $screen-xs-max) {
66 | display: inline-block !important;
67 | }
68 | }
69 |
70 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
71 | @include responsive-visibility('.visible-sm');
72 | }
73 | .visible-sm-block {
74 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
75 | display: block !important;
76 | }
77 | }
78 | .visible-sm-inline {
79 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
80 | display: inline !important;
81 | }
82 | }
83 | .visible-sm-inline-block {
84 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
85 | display: inline-block !important;
86 | }
87 | }
88 |
89 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
90 | @include responsive-visibility('.visible-md');
91 | }
92 | .visible-md-block {
93 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
94 | display: block !important;
95 | }
96 | }
97 | .visible-md-inline {
98 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
99 | display: inline !important;
100 | }
101 | }
102 | .visible-md-inline-block {
103 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
104 | display: inline-block !important;
105 | }
106 | }
107 |
108 | @media (min-width: $screen-lg-min) {
109 | @include responsive-visibility('.visible-lg');
110 | }
111 | .visible-lg-block {
112 | @media (min-width: $screen-lg-min) {
113 | display: block !important;
114 | }
115 | }
116 | .visible-lg-inline {
117 | @media (min-width: $screen-lg-min) {
118 | display: inline !important;
119 | }
120 | }
121 | .visible-lg-inline-block {
122 | @media (min-width: $screen-lg-min) {
123 | display: inline-block !important;
124 | }
125 | }
126 |
127 | @media (max-width: $screen-xs-max) {
128 | @include responsive-invisibility('.hidden-xs');
129 | }
130 |
131 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
132 | @include responsive-invisibility('.hidden-sm');
133 | }
134 |
135 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
136 | @include responsive-invisibility('.hidden-md');
137 | }
138 |
139 | @media (min-width: $screen-lg-min) {
140 | @include responsive-invisibility('.hidden-lg');
141 | }
142 |
143 |
144 | // Print utilities
145 | //
146 | // Media queries are placed on the inside to be mixin-friendly.
147 |
148 | // Note: Deprecated .visible-print as of v3.2.0
149 |
150 | @include responsive-invisibility('.visible-print');
151 |
152 | @media print {
153 | @include responsive-visibility('.visible-print');
154 | }
155 | .visible-print-block {
156 | display: none !important;
157 |
158 | @media print {
159 | display: block !important;
160 | }
161 | }
162 | .visible-print-inline {
163 | display: none !important;
164 |
165 | @media print {
166 | display: inline !important;
167 | }
168 | }
169 | .visible-print-inline-block {
170 | display: none !important;
171 |
172 | @media print {
173 | display: inline-block !important;
174 | }
175 | }
176 |
177 | @media print {
178 | @include responsive-invisibility('.hidden-print');
179 | }
180 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_scaffolding.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Scaffolding
3 | // --------------------------------------------------
4 |
5 |
6 | // Reset the box-sizing
7 | //
8 | // Heads up! This reset may cause conflicts with some third-party widgets.
9 | // For recommendations on resolving such conflicts, see
10 | // http://getbootstrap.com/getting-started/#third-box-sizing
11 | * {
12 | @include box-sizing(border-box);
13 | }
14 | *:before,
15 | *:after {
16 | @include box-sizing(border-box);
17 | }
18 |
19 |
20 | // Body reset
21 |
22 | html {
23 | font-size: 10px;
24 | -webkit-tap-highlight-color: rgba(0,0,0,0);
25 | }
26 |
27 | body {
28 | font-family: $font-family-base;
29 | font-size: $font-size-base;
30 | line-height: $line-height-base;
31 | color: $text-color;
32 | background-color: $body-bg;
33 | }
34 |
35 | // Reset fonts for relevant elements
36 | input,
37 | button,
38 | select,
39 | textarea {
40 | font-family: inherit;
41 | font-size: inherit;
42 | line-height: inherit;
43 | }
44 |
45 |
46 | // Links
47 |
48 | a {
49 | color: $link-color;
50 | text-decoration: none;
51 |
52 | &:hover,
53 | &:focus {
54 | color: $link-hover-color;
55 | text-decoration: $link-hover-decoration;
56 | }
57 |
58 | &:focus {
59 | @include tab-focus;
60 | }
61 | }
62 |
63 |
64 | // Figures
65 | //
66 | // We reset this here because previously Normalize had no `figure` margins. This
67 | // ensures we don't break anyone's use of the element.
68 |
69 | figure {
70 | margin: 0;
71 | }
72 |
73 |
74 | // Images
75 |
76 | img {
77 | vertical-align: middle;
78 | }
79 |
80 | // Responsive images (ensure images don't scale beyond their parents)
81 | .img-responsive {
82 | @include img-responsive;
83 | }
84 |
85 | // Rounded corners
86 | .img-rounded {
87 | border-radius: $border-radius-large;
88 | }
89 |
90 | // Image thumbnails
91 | //
92 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
93 | .img-thumbnail {
94 | padding: $thumbnail-padding;
95 | line-height: $line-height-base;
96 | background-color: $thumbnail-bg;
97 | border: 1px solid $thumbnail-border;
98 | border-radius: $thumbnail-border-radius;
99 | @include transition(all .2s ease-in-out);
100 |
101 | // Keep them at most 100% wide
102 | @include img-responsive(inline-block);
103 | }
104 |
105 | // Perfect circle
106 | .img-circle {
107 | border-radius: 50%; // set radius in percents
108 | }
109 |
110 |
111 | // Horizontal rules
112 |
113 | hr {
114 | margin-top: $line-height-computed;
115 | margin-bottom: $line-height-computed;
116 | border: 0;
117 | border-top: 1px solid $hr-border;
118 | }
119 |
120 |
121 | // Only display content to screen readers
122 | //
123 | // See: http://a11yproject.com/posts/how-to-hide-content
124 |
125 | .sr-only {
126 | position: absolute;
127 | width: 1px;
128 | height: 1px;
129 | margin: -1px;
130 | padding: 0;
131 | overflow: hidden;
132 | clip: rect(0,0,0,0);
133 | border: 0;
134 | }
135 |
136 | // Use in conjunction with .sr-only to only display content when it's focused.
137 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
138 | // Credit: HTML5 Boilerplate
139 |
140 | .sr-only-focusable {
141 | &:active,
142 | &:focus {
143 | position: static;
144 | width: auto;
145 | height: auto;
146 | margin: 0;
147 | overflow: visible;
148 | clip: auto;
149 | }
150 | }
151 |
152 |
153 | // iOS "clickable elements" fix for role="button"
154 | //
155 | // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
156 | // for traditionally non-focusable elements with role="button"
157 | // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
158 |
159 | [role="button"] {
160 | cursor: pointer;
161 | }
162 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_tables.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Tables
3 | // --------------------------------------------------
4 |
5 |
6 | table {
7 | background-color: $table-bg;
8 | }
9 | caption {
10 | padding-top: $table-cell-padding;
11 | padding-bottom: $table-cell-padding;
12 | color: $text-muted;
13 | text-align: left;
14 | }
15 | th {
16 | text-align: left;
17 | }
18 |
19 |
20 | // Baseline styles
21 |
22 | .table {
23 | width: 100%;
24 | max-width: 100%;
25 | margin-bottom: $line-height-computed;
26 | // Cells
27 | > thead,
28 | > tbody,
29 | > tfoot {
30 | > tr {
31 | > th,
32 | > td {
33 | padding: $table-cell-padding;
34 | line-height: $line-height-base;
35 | vertical-align: top;
36 | border-top: 1px solid $table-border-color;
37 | }
38 | }
39 | }
40 | // Bottom align for column headings
41 | > thead > tr > th {
42 | vertical-align: bottom;
43 | border-bottom: 2px solid $table-border-color;
44 | }
45 | // Remove top border from thead by default
46 | > caption + thead,
47 | > colgroup + thead,
48 | > thead:first-child {
49 | > tr:first-child {
50 | > th,
51 | > td {
52 | border-top: 0;
53 | }
54 | }
55 | }
56 | // Account for multiple tbody instances
57 | > tbody + tbody {
58 | border-top: 2px solid $table-border-color;
59 | }
60 |
61 | // Nesting
62 | .table {
63 | background-color: $body-bg;
64 | }
65 | }
66 |
67 |
68 | // Condensed table w/ half padding
69 |
70 | .table-condensed {
71 | > thead,
72 | > tbody,
73 | > tfoot {
74 | > tr {
75 | > th,
76 | > td {
77 | padding: $table-condensed-cell-padding;
78 | }
79 | }
80 | }
81 | }
82 |
83 |
84 | // Bordered version
85 | //
86 | // Add borders all around the table and between all the columns.
87 |
88 | .table-bordered {
89 | border: 1px solid $table-border-color;
90 | > thead,
91 | > tbody,
92 | > tfoot {
93 | > tr {
94 | > th,
95 | > td {
96 | border: 1px solid $table-border-color;
97 | }
98 | }
99 | }
100 | > thead > tr {
101 | > th,
102 | > td {
103 | border-bottom-width: 2px;
104 | }
105 | }
106 | }
107 |
108 |
109 | // Zebra-striping
110 | //
111 | // Default zebra-stripe styles (alternating gray and transparent backgrounds)
112 |
113 | .table-striped {
114 | > tbody > tr:nth-of-type(odd) {
115 | background-color: $table-bg-accent;
116 | }
117 | }
118 |
119 |
120 | // Hover effect
121 | //
122 | // Placed here since it has to come after the potential zebra striping
123 |
124 | .table-hover {
125 | > tbody > tr:hover {
126 | background-color: $table-bg-hover;
127 | }
128 | }
129 |
130 |
131 | // Table cell sizing
132 | //
133 | // Reset default table behavior
134 |
135 | table col[class*="col-"] {
136 | position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
137 | float: none;
138 | display: table-column;
139 | }
140 | table {
141 | td,
142 | th {
143 | &[class*="col-"] {
144 | position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
145 | float: none;
146 | display: table-cell;
147 | }
148 | }
149 | }
150 |
151 |
152 | // Table backgrounds
153 | //
154 | // Exact selectors below required to override `.table-striped` and prevent
155 | // inheritance to nested tables.
156 |
157 | // Generate the contextual variants
158 | @include table-row-variant('active', $table-bg-active);
159 | @include table-row-variant('success', $state-success-bg);
160 | @include table-row-variant('info', $state-info-bg);
161 | @include table-row-variant('warning', $state-warning-bg);
162 | @include table-row-variant('danger', $state-danger-bg);
163 |
164 |
165 | // Responsive tables
166 | //
167 | // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
168 | // by enabling horizontal scrolling. Only applies <768px. Everything above that
169 | // will display normally.
170 |
171 | .table-responsive {
172 | overflow-x: auto;
173 | min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
174 |
175 | @media screen and (max-width: $screen-xs-max) {
176 | width: 100%;
177 | margin-bottom: ($line-height-computed * 0.75);
178 | overflow-y: hidden;
179 | -ms-overflow-style: -ms-autohiding-scrollbar;
180 | border: 1px solid $table-border-color;
181 |
182 | // Tighten up spacing
183 | > .table {
184 | margin-bottom: 0;
185 |
186 | // Ensure the content doesn't wrap
187 | > thead,
188 | > tbody,
189 | > tfoot {
190 | > tr {
191 | > th,
192 | > td {
193 | white-space: nowrap;
194 | }
195 | }
196 | }
197 | }
198 |
199 | // Special overrides for the bordered tables
200 | > .table-bordered {
201 | border: 0;
202 |
203 | // Nuke the appropriate borders so that the parent can handle them
204 | > thead,
205 | > tbody,
206 | > tfoot {
207 | > tr {
208 | > th:first-child,
209 | > td:first-child {
210 | border-left: 0;
211 | }
212 | > th:last-child,
213 | > td:last-child {
214 | border-right: 0;
215 | }
216 | }
217 | }
218 |
219 | // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
220 | // chances are there will be only one `tr` in a `thead` and that would
221 | // remove the border altogether.
222 | > tbody,
223 | > tfoot {
224 | > tr:last-child {
225 | > th,
226 | > td {
227 | border-bottom: 0;
228 | }
229 | }
230 | }
231 |
232 | }
233 | }
234 | }
235 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_thumbnails.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Thumbnails
3 | // --------------------------------------------------
4 |
5 |
6 | // Mixin and adjust the regular image class
7 | .thumbnail {
8 | display: block;
9 | padding: $thumbnail-padding;
10 | margin-bottom: $line-height-computed;
11 | line-height: $line-height-base;
12 | background-color: $thumbnail-bg;
13 | border: 1px solid $thumbnail-border;
14 | border-radius: $thumbnail-border-radius;
15 | @include transition(border .2s ease-in-out);
16 |
17 | > img,
18 | a > img {
19 | @include img-responsive;
20 | margin-left: auto;
21 | margin-right: auto;
22 | }
23 |
24 | // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
25 |
26 | // Image captions
27 | .caption {
28 | padding: $thumbnail-caption-padding;
29 | color: $thumbnail-caption-color;
30 | }
31 | }
32 |
33 | // Add a hover state for linked versions only
34 | a.thumbnail:hover,
35 | a.thumbnail:focus,
36 | a.thumbnail.active {
37 | border-color: $link-color;
38 | }
39 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_tooltip.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Tooltips
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .tooltip {
8 | position: absolute;
9 | z-index: $zindex-tooltip;
10 | display: block;
11 | // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
12 | // So reset our font and text properties to avoid inheriting weird values.
13 | @include reset-text;
14 | font-size: $font-size-small;
15 |
16 | @include opacity(0);
17 |
18 | &.in { @include opacity($tooltip-opacity); }
19 | &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; }
20 | &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; }
21 | &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; }
22 | &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
23 | }
24 |
25 | // Wrapper for the tooltip content
26 | .tooltip-inner {
27 | max-width: $tooltip-max-width;
28 | padding: 3px 8px;
29 | color: $tooltip-color;
30 | text-align: center;
31 | background-color: $tooltip-bg;
32 | border-radius: $border-radius-base;
33 | }
34 |
35 | // Arrows
36 | .tooltip-arrow {
37 | position: absolute;
38 | width: 0;
39 | height: 0;
40 | border-color: transparent;
41 | border-style: solid;
42 | }
43 | // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
44 | .tooltip {
45 | &.top .tooltip-arrow {
46 | bottom: 0;
47 | left: 50%;
48 | margin-left: -$tooltip-arrow-width;
49 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
50 | border-top-color: $tooltip-arrow-color;
51 | }
52 | &.top-left .tooltip-arrow {
53 | bottom: 0;
54 | right: $tooltip-arrow-width;
55 | margin-bottom: -$tooltip-arrow-width;
56 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
57 | border-top-color: $tooltip-arrow-color;
58 | }
59 | &.top-right .tooltip-arrow {
60 | bottom: 0;
61 | left: $tooltip-arrow-width;
62 | margin-bottom: -$tooltip-arrow-width;
63 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
64 | border-top-color: $tooltip-arrow-color;
65 | }
66 | &.right .tooltip-arrow {
67 | top: 50%;
68 | left: 0;
69 | margin-top: -$tooltip-arrow-width;
70 | border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
71 | border-right-color: $tooltip-arrow-color;
72 | }
73 | &.left .tooltip-arrow {
74 | top: 50%;
75 | right: 0;
76 | margin-top: -$tooltip-arrow-width;
77 | border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
78 | border-left-color: $tooltip-arrow-color;
79 | }
80 | &.bottom .tooltip-arrow {
81 | top: 0;
82 | left: 50%;
83 | margin-left: -$tooltip-arrow-width;
84 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
85 | border-bottom-color: $tooltip-arrow-color;
86 | }
87 | &.bottom-left .tooltip-arrow {
88 | top: 0;
89 | right: $tooltip-arrow-width;
90 | margin-top: -$tooltip-arrow-width;
91 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
92 | border-bottom-color: $tooltip-arrow-color;
93 | }
94 | &.bottom-right .tooltip-arrow {
95 | top: 0;
96 | left: $tooltip-arrow-width;
97 | margin-top: -$tooltip-arrow-width;
98 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
99 | border-bottom-color: $tooltip-arrow-color;
100 | }
101 | }
102 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_utilities.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | @include clearfix;
11 | }
12 | .center-block {
13 | @include center-block;
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | @include text-hide;
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | }
48 |
49 |
50 | // For Affix plugin
51 | // -------------------------
52 |
53 | .affix {
54 | position: fixed;
55 | }
56 |
--------------------------------------------------------------------------------
/_sass/bootstrap/_wells.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Wells
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .well {
8 | min-height: 20px;
9 | padding: 19px;
10 | margin-bottom: 20px;
11 | background-color: $well-bg;
12 | border: 1px solid $well-border;
13 | border-radius: $border-radius-base;
14 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 | blockquote {
16 | border-color: #ddd;
17 | border-color: rgba(0,0,0,.15);
18 | }
19 | }
20 |
21 | // Sizes
22 | .well-lg {
23 | padding: 24px;
24 | border-radius: $border-radius-large;
25 | }
26 | .well-sm {
27 | padding: 9px;
28 | border-radius: $border-radius-small;
29 | }
30 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_alerts.scss:
--------------------------------------------------------------------------------
1 | // Alerts
2 |
3 | @mixin alert-variant($background, $border, $text-color) {
4 | background-color: $background;
5 | border-color: $border;
6 | color: $text-color;
7 |
8 | hr {
9 | border-top-color: darken($border, 5%);
10 | }
11 | .alert-link {
12 | color: darken($text-color, 10%);
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_background-variant.scss:
--------------------------------------------------------------------------------
1 | // Contextual backgrounds
2 |
3 | // [converter] $parent hack
4 | @mixin bg-variant($parent, $color) {
5 | #{$parent} {
6 | background-color: $color;
7 | }
8 | a#{$parent}:hover,
9 | a#{$parent}:focus {
10 | background-color: darken($color, 10%);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_border-radius.scss:
--------------------------------------------------------------------------------
1 | // Single side border-radius
2 |
3 | @mixin border-top-radius($radius) {
4 | border-top-right-radius: $radius;
5 | border-top-left-radius: $radius;
6 | }
7 | @mixin border-right-radius($radius) {
8 | border-bottom-right-radius: $radius;
9 | border-top-right-radius: $radius;
10 | }
11 | @mixin border-bottom-radius($radius) {
12 | border-bottom-right-radius: $radius;
13 | border-bottom-left-radius: $radius;
14 | }
15 | @mixin border-left-radius($radius) {
16 | border-bottom-left-radius: $radius;
17 | border-top-left-radius: $radius;
18 | }
19 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_buttons.scss:
--------------------------------------------------------------------------------
1 | // Button variants
2 | //
3 | // Easily pump out default styles, as well as :hover, :focus, :active,
4 | // and disabled options for all buttons
5 |
6 | @mixin button-variant($color, $background, $border) {
7 | color: $color;
8 | background-color: $background;
9 | border-color: $border;
10 |
11 | &:focus,
12 | &.focus {
13 | color: $color;
14 | background-color: darken($background, 10%);
15 | border-color: darken($border, 25%);
16 | }
17 | &:hover {
18 | color: $color;
19 | background-color: darken($background, 10%);
20 | border-color: darken($border, 12%);
21 | }
22 | &:active,
23 | &.active,
24 | .open > &.dropdown-toggle {
25 | color: $color;
26 | background-color: darken($background, 10%);
27 | border-color: darken($border, 12%);
28 |
29 | &:hover,
30 | &:focus,
31 | &.focus {
32 | color: $color;
33 | background-color: darken($background, 17%);
34 | border-color: darken($border, 25%);
35 | }
36 | }
37 | &:active,
38 | &.active,
39 | .open > &.dropdown-toggle {
40 | background-image: none;
41 | }
42 | &.disabled,
43 | &[disabled],
44 | fieldset[disabled] & {
45 | &:hover,
46 | &:focus,
47 | &.focus {
48 | background-color: $background;
49 | border-color: $border;
50 | }
51 | }
52 |
53 | .badge {
54 | color: $background;
55 | background-color: $color;
56 | }
57 | }
58 |
59 | // Button sizes
60 | @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
61 | padding: $padding-vertical $padding-horizontal;
62 | font-size: $font-size;
63 | line-height: $line-height;
64 | border-radius: $border-radius;
65 | }
66 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_center-block.scss:
--------------------------------------------------------------------------------
1 | // Center-align a block level element
2 |
3 | @mixin center-block() {
4 | display: block;
5 | margin-left: auto;
6 | margin-right: auto;
7 | }
8 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_clearfix.scss:
--------------------------------------------------------------------------------
1 | // Clearfix
2 | //
3 | // For modern browsers
4 | // 1. The space content is one way to avoid an Opera bug when the
5 | // contenteditable attribute is included anywhere else in the document.
6 | // Otherwise it causes space to appear at the top and bottom of elements
7 | // that are clearfixed.
8 | // 2. The use of `table` rather than `block` is only necessary if using
9 | // `:before` to contain the top-margins of child elements.
10 | //
11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12 |
13 | @mixin clearfix() {
14 | &:before,
15 | &:after {
16 | content: " "; // 1
17 | display: table; // 2
18 | }
19 | &:after {
20 | clear: both;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_forms.scss:
--------------------------------------------------------------------------------
1 | // Form validation states
2 | //
3 | // Used in forms.less to generate the form validation CSS for warnings, errors,
4 | // and successes.
5 |
6 | @mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
7 | // Color the label and help text
8 | .help-block,
9 | .control-label,
10 | .radio,
11 | .checkbox,
12 | .radio-inline,
13 | .checkbox-inline,
14 | &.radio label,
15 | &.checkbox label,
16 | &.radio-inline label,
17 | &.checkbox-inline label {
18 | color: $text-color;
19 | }
20 | // Set the border and box shadow on specific inputs to match
21 | .form-control {
22 | border-color: $border-color;
23 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
24 | &:focus {
25 | border-color: darken($border-color, 10%);
26 | $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
27 | @include box-shadow($shadow);
28 | }
29 | }
30 | // Set validation states also for addons
31 | .input-group-addon {
32 | color: $text-color;
33 | border-color: $border-color;
34 | background-color: $background-color;
35 | }
36 | // Optional feedback icon
37 | .form-control-feedback {
38 | color: $text-color;
39 | }
40 | }
41 |
42 |
43 | // Form control focus state
44 | //
45 | // Generate a customized focus state and for any input with the specified color,
46 | // which defaults to the `$input-border-focus` variable.
47 | //
48 | // We highly encourage you to not customize the default value, but instead use
49 | // this to tweak colors on an as-needed basis. This aesthetic change is based on
50 | // WebKit's default styles, but applicable to a wider range of browsers. Its
51 | // usability and accessibility should be taken into account with any change.
52 | //
53 | // Example usage: change the default blue border and shadow to white for better
54 | // contrast against a dark gray background.
55 | @mixin form-control-focus($color: $input-border-focus) {
56 | $color-rgba: rgba(red($color), green($color), blue($color), .6);
57 | &:focus {
58 | border-color: $color;
59 | outline: 0;
60 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
61 | }
62 | }
63 |
64 | // Form control sizing
65 | //
66 | // Relative text size, padding, and border-radii changes for form controls. For
67 | // horizontal sizing, wrap controls in the predefined grid classes. `
`
68 | // element gets special love because it's special, and that's a fact!
69 | // [converter] $parent hack
70 | @mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
71 | #{$parent} {
72 | height: $input-height;
73 | padding: $padding-vertical $padding-horizontal;
74 | font-size: $font-size;
75 | line-height: $line-height;
76 | border-radius: $border-radius;
77 | }
78 |
79 | select#{$parent} {
80 | height: $input-height;
81 | line-height: $input-height;
82 | }
83 |
84 | textarea#{$parent},
85 | select[multiple]#{$parent} {
86 | height: auto;
87 | }
88 | }
89 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_gradients.scss:
--------------------------------------------------------------------------------
1 | // Gradients
2 |
3 |
4 |
5 | // Horizontal gradient, from left to right
6 | //
7 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
8 | // Color stops are not available in IE9 and below.
9 | @mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
10 | background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
11 | background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
12 | background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
13 | background-repeat: repeat-x;
14 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
15 | }
16 |
17 | // Vertical gradient, from top to bottom
18 | //
19 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
20 | // Color stops are not available in IE9 and below.
21 | @mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
22 | background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
23 | background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
24 | background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
25 | background-repeat: repeat-x;
26 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
27 | }
28 |
29 | @mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
30 | background-repeat: repeat-x;
31 | background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
32 | background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
33 | background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
34 | }
35 | @mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
36 | background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
37 | background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
38 | background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
39 | background-repeat: no-repeat;
40 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
41 | }
42 | @mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
43 | background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
44 | background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
45 | background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
46 | background-repeat: no-repeat;
47 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
48 | }
49 | @mixin gradient-radial($inner-color: #555, $outer-color: #333) {
50 | background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
51 | background-image: radial-gradient(circle, $inner-color, $outer-color);
52 | background-repeat: no-repeat;
53 | }
54 | @mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
55 | background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
56 | background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
57 | background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
58 | }
59 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_grid-framework.scss:
--------------------------------------------------------------------------------
1 | // Framework grid generation
2 | //
3 | // Used only by Bootstrap to generate the correct number of grid classes given
4 | // any value of `$grid-columns`.
5 |
6 | // [converter] This is defined recursively in LESS, but Sass supports real loops
7 | @mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
8 | @for $i from (1 + 1) through $grid-columns {
9 | $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
10 | }
11 | #{$list} {
12 | position: relative;
13 | // Prevent columns from collapsing when empty
14 | min-height: 1px;
15 | // Inner gutter via padding
16 | padding-left: ceil(($grid-gutter-width / 2));
17 | padding-right: floor(($grid-gutter-width / 2));
18 | }
19 | }
20 |
21 |
22 | // [converter] This is defined recursively in LESS, but Sass supports real loops
23 | @mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
24 | @for $i from (1 + 1) through $grid-columns {
25 | $list: "#{$list}, .col-#{$class}-#{$i}";
26 | }
27 | #{$list} {
28 | float: left;
29 | }
30 | }
31 |
32 |
33 | @mixin calc-grid-column($index, $class, $type) {
34 | @if ($type == width) and ($index > 0) {
35 | .col-#{$class}-#{$index} {
36 | width: percentage(($index / $grid-columns));
37 | }
38 | }
39 | @if ($type == push) and ($index > 0) {
40 | .col-#{$class}-push-#{$index} {
41 | left: percentage(($index / $grid-columns));
42 | }
43 | }
44 | @if ($type == push) and ($index == 0) {
45 | .col-#{$class}-push-0 {
46 | left: auto;
47 | }
48 | }
49 | @if ($type == pull) and ($index > 0) {
50 | .col-#{$class}-pull-#{$index} {
51 | right: percentage(($index / $grid-columns));
52 | }
53 | }
54 | @if ($type == pull) and ($index == 0) {
55 | .col-#{$class}-pull-0 {
56 | right: auto;
57 | }
58 | }
59 | @if ($type == offset) {
60 | .col-#{$class}-offset-#{$index} {
61 | margin-left: percentage(($index / $grid-columns));
62 | }
63 | }
64 | }
65 |
66 | // [converter] This is defined recursively in LESS, but Sass supports real loops
67 | @mixin loop-grid-columns($columns, $class, $type) {
68 | @for $i from 0 through $columns {
69 | @include calc-grid-column($i, $class, $type);
70 | }
71 | }
72 |
73 |
74 | // Create grid for specific class
75 | @mixin make-grid($class) {
76 | @include float-grid-columns($class);
77 | @include loop-grid-columns($grid-columns, $class, width);
78 | @include loop-grid-columns($grid-columns, $class, pull);
79 | @include loop-grid-columns($grid-columns, $class, push);
80 | @include loop-grid-columns($grid-columns, $class, offset);
81 | }
82 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_grid.scss:
--------------------------------------------------------------------------------
1 | // Grid system
2 | //
3 | // Generate semantic grid columns with these mixins.
4 |
5 | // Centered container element
6 | @mixin container-fixed($gutter: $grid-gutter-width) {
7 | margin-right: auto;
8 | margin-left: auto;
9 | padding-left: floor(($gutter / 2));
10 | padding-right: ceil(($gutter / 2));
11 | @include clearfix;
12 | }
13 |
14 | // Creates a wrapper for a series of columns
15 | @mixin make-row($gutter: $grid-gutter-width) {
16 | margin-left: ceil(($gutter / -2));
17 | margin-right: floor(($gutter / -2));
18 | @include clearfix;
19 | }
20 |
21 | // Generate the extra small columns
22 | @mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
23 | position: relative;
24 | float: left;
25 | width: percentage(($columns / $grid-columns));
26 | min-height: 1px;
27 | padding-left: ($gutter / 2);
28 | padding-right: ($gutter / 2);
29 | }
30 | @mixin make-xs-column-offset($columns) {
31 | margin-left: percentage(($columns / $grid-columns));
32 | }
33 | @mixin make-xs-column-push($columns) {
34 | left: percentage(($columns / $grid-columns));
35 | }
36 | @mixin make-xs-column-pull($columns) {
37 | right: percentage(($columns / $grid-columns));
38 | }
39 |
40 | // Generate the small columns
41 | @mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
42 | position: relative;
43 | min-height: 1px;
44 | padding-left: ($gutter / 2);
45 | padding-right: ($gutter / 2);
46 |
47 | @media (min-width: $screen-sm-min) {
48 | float: left;
49 | width: percentage(($columns / $grid-columns));
50 | }
51 | }
52 | @mixin make-sm-column-offset($columns) {
53 | @media (min-width: $screen-sm-min) {
54 | margin-left: percentage(($columns / $grid-columns));
55 | }
56 | }
57 | @mixin make-sm-column-push($columns) {
58 | @media (min-width: $screen-sm-min) {
59 | left: percentage(($columns / $grid-columns));
60 | }
61 | }
62 | @mixin make-sm-column-pull($columns) {
63 | @media (min-width: $screen-sm-min) {
64 | right: percentage(($columns / $grid-columns));
65 | }
66 | }
67 |
68 | // Generate the medium columns
69 | @mixin make-md-column($columns, $gutter: $grid-gutter-width) {
70 | position: relative;
71 | min-height: 1px;
72 | padding-left: ($gutter / 2);
73 | padding-right: ($gutter / 2);
74 |
75 | @media (min-width: $screen-md-min) {
76 | float: left;
77 | width: percentage(($columns / $grid-columns));
78 | }
79 | }
80 | @mixin make-md-column-offset($columns) {
81 | @media (min-width: $screen-md-min) {
82 | margin-left: percentage(($columns / $grid-columns));
83 | }
84 | }
85 | @mixin make-md-column-push($columns) {
86 | @media (min-width: $screen-md-min) {
87 | left: percentage(($columns / $grid-columns));
88 | }
89 | }
90 | @mixin make-md-column-pull($columns) {
91 | @media (min-width: $screen-md-min) {
92 | right: percentage(($columns / $grid-columns));
93 | }
94 | }
95 |
96 | // Generate the large columns
97 | @mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
98 | position: relative;
99 | min-height: 1px;
100 | padding-left: ($gutter / 2);
101 | padding-right: ($gutter / 2);
102 |
103 | @media (min-width: $screen-lg-min) {
104 | float: left;
105 | width: percentage(($columns / $grid-columns));
106 | }
107 | }
108 | @mixin make-lg-column-offset($columns) {
109 | @media (min-width: $screen-lg-min) {
110 | margin-left: percentage(($columns / $grid-columns));
111 | }
112 | }
113 | @mixin make-lg-column-push($columns) {
114 | @media (min-width: $screen-lg-min) {
115 | left: percentage(($columns / $grid-columns));
116 | }
117 | }
118 | @mixin make-lg-column-pull($columns) {
119 | @media (min-width: $screen-lg-min) {
120 | right: percentage(($columns / $grid-columns));
121 | }
122 | }
123 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_hide-text.scss:
--------------------------------------------------------------------------------
1 | // CSS image replacement
2 | //
3 | // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
4 | // mixins being reused as classes with the same name, this doesn't hold up. As
5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
6 | //
7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
8 |
9 | // Deprecated as of v3.0.1 (has been removed in v4)
10 | @mixin hide-text() {
11 | font: 0/0 a;
12 | color: transparent;
13 | text-shadow: none;
14 | background-color: transparent;
15 | border: 0;
16 | }
17 |
18 | // New mixin to use as of v3.0.1
19 | @mixin text-hide() {
20 | @include hide-text;
21 | }
22 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_image.scss:
--------------------------------------------------------------------------------
1 | // Image Mixins
2 | // - Responsive image
3 | // - Retina image
4 |
5 |
6 | // Responsive image
7 | //
8 | // Keep images from scaling beyond the width of their parents.
9 | @mixin img-responsive($display: block) {
10 | display: $display;
11 | max-width: 100%; // Part 1: Set a maximum relative to the parent
12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
13 | }
14 |
15 |
16 | // Retina image
17 | //
18 | // Short retina mixin for setting background-image and -size. Note that the
19 | // spelling of `min--moz-device-pixel-ratio` is intentional.
20 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
21 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
22 |
23 | @media
24 | only screen and (-webkit-min-device-pixel-ratio: 2),
25 | only screen and ( min--moz-device-pixel-ratio: 2),
26 | only screen and ( -o-min-device-pixel-ratio: 2/1),
27 | only screen and ( min-device-pixel-ratio: 2),
28 | only screen and ( min-resolution: 192dpi),
29 | only screen and ( min-resolution: 2dppx) {
30 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
31 | background-size: $width-1x $height-1x;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_labels.scss:
--------------------------------------------------------------------------------
1 | // Labels
2 |
3 | @mixin label-variant($color) {
4 | background-color: $color;
5 |
6 | &[href] {
7 | &:hover,
8 | &:focus {
9 | background-color: darken($color, 10%);
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_list-group.scss:
--------------------------------------------------------------------------------
1 | // List Groups
2 |
3 | @mixin list-group-item-variant($state, $background, $color) {
4 | .list-group-item-#{$state} {
5 | color: $color;
6 | background-color: $background;
7 |
8 | // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
9 | }
10 |
11 | a.list-group-item-#{$state},
12 | button.list-group-item-#{$state} {
13 | color: $color;
14 |
15 | .list-group-item-heading {
16 | color: inherit;
17 | }
18 |
19 | &:hover,
20 | &:focus {
21 | color: $color;
22 | background-color: darken($background, 5%);
23 | }
24 | &.active,
25 | &.active:hover,
26 | &.active:focus {
27 | color: #fff;
28 | background-color: $color;
29 | border-color: $color;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_nav-divider.scss:
--------------------------------------------------------------------------------
1 | // Horizontal dividers
2 | //
3 | // Dividers (basically an hr) within dropdowns and nav lists
4 |
5 | @mixin nav-divider($color: #e5e5e5) {
6 | height: 1px;
7 | margin: (($line-height-computed / 2) - 1) 0;
8 | overflow: hidden;
9 | background-color: $color;
10 | }
11 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_nav-vertical-align.scss:
--------------------------------------------------------------------------------
1 | // Navbar vertical align
2 | //
3 | // Vertically center elements in the navbar.
4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
5 |
6 | @mixin navbar-vertical-align($element-height) {
7 | margin-top: (($navbar-height - $element-height) / 2);
8 | margin-bottom: (($navbar-height - $element-height) / 2);
9 | }
10 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_opacity.scss:
--------------------------------------------------------------------------------
1 | // Opacity
2 |
3 | @mixin opacity($opacity) {
4 | opacity: $opacity;
5 | // IE8 filter
6 | $opacity-ie: ($opacity * 100);
7 | filter: alpha(opacity=$opacity-ie);
8 | }
9 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_pagination.scss:
--------------------------------------------------------------------------------
1 | // Pagination
2 |
3 | @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
4 | > li {
5 | > a,
6 | > span {
7 | padding: $padding-vertical $padding-horizontal;
8 | font-size: $font-size;
9 | line-height: $line-height;
10 | }
11 | &:first-child {
12 | > a,
13 | > span {
14 | @include border-left-radius($border-radius);
15 | }
16 | }
17 | &:last-child {
18 | > a,
19 | > span {
20 | @include border-right-radius($border-radius);
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_panels.scss:
--------------------------------------------------------------------------------
1 | // Panels
2 |
3 | @mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
4 | border-color: $border;
5 |
6 | & > .panel-heading {
7 | color: $heading-text-color;
8 | background-color: $heading-bg-color;
9 | border-color: $heading-border;
10 |
11 | + .panel-collapse > .panel-body {
12 | border-top-color: $border;
13 | }
14 | .badge {
15 | color: $heading-bg-color;
16 | background-color: $heading-text-color;
17 | }
18 | }
19 | & > .panel-footer {
20 | + .panel-collapse > .panel-body {
21 | border-bottom-color: $border;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_progress-bar.scss:
--------------------------------------------------------------------------------
1 | // Progress bars
2 |
3 | @mixin progress-bar-variant($color) {
4 | background-color: $color;
5 |
6 | // Deprecated parent class requirement as of v3.2.0
7 | .progress-striped & {
8 | @include gradient-striped;
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_reset-filter.scss:
--------------------------------------------------------------------------------
1 | // Reset filters for IE
2 | //
3 | // When you need to remove a gradient background, do not forget to use this to reset
4 | // the IE filter for IE9 and below.
5 |
6 | @mixin reset-filter() {
7 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
8 | }
9 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_reset-text.scss:
--------------------------------------------------------------------------------
1 | @mixin reset-text() {
2 | font-family: $font-family-base;
3 | // We deliberately do NOT reset font-size.
4 | font-style: normal;
5 | font-weight: normal;
6 | letter-spacing: normal;
7 | line-break: auto;
8 | line-height: $line-height-base;
9 | text-align: left; // Fallback for where `start` is not supported
10 | text-align: start;
11 | text-decoration: none;
12 | text-shadow: none;
13 | text-transform: none;
14 | white-space: normal;
15 | word-break: normal;
16 | word-spacing: normal;
17 | word-wrap: normal;
18 | }
19 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_resize.scss:
--------------------------------------------------------------------------------
1 | // Resize anything
2 |
3 | @mixin resizable($direction) {
4 | resize: $direction; // Options: horizontal, vertical, both
5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6 | }
7 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_responsive-visibility.scss:
--------------------------------------------------------------------------------
1 | // Responsive utilities
2 |
3 | //
4 | // More easily include all the states for responsive-utilities.less.
5 | // [converter] $parent hack
6 | @mixin responsive-visibility($parent) {
7 | #{$parent} {
8 | display: block !important;
9 | }
10 | table#{$parent} { display: table !important; }
11 | tr#{$parent} { display: table-row !important; }
12 | th#{$parent},
13 | td#{$parent} { display: table-cell !important; }
14 | }
15 |
16 | // [converter] $parent hack
17 | @mixin responsive-invisibility($parent) {
18 | #{$parent} {
19 | display: none !important;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_size.scss:
--------------------------------------------------------------------------------
1 | // Sizing shortcuts
2 |
3 | @mixin size($width, $height) {
4 | width: $width;
5 | height: $height;
6 | }
7 |
8 | @mixin square($size) {
9 | @include size($size, $size);
10 | }
11 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_tab-focus.scss:
--------------------------------------------------------------------------------
1 | // WebKit-style focus
2 |
3 | @mixin tab-focus() {
4 | // WebKit-specific. Other browsers will keep their default outline style.
5 | // (Initially tried to also force default via `outline: initial`,
6 | // but that seems to erroneously remove the outline in Firefox altogether.)
7 | outline: 5px auto -webkit-focus-ring-color;
8 | outline-offset: -2px;
9 | }
10 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_table-row.scss:
--------------------------------------------------------------------------------
1 | // Tables
2 |
3 | @mixin table-row-variant($state, $background) {
4 | // Exact selectors below required to override `.table-striped` and prevent
5 | // inheritance to nested tables.
6 | .table > thead > tr,
7 | .table > tbody > tr,
8 | .table > tfoot > tr {
9 | > td.#{$state},
10 | > th.#{$state},
11 | &.#{$state} > td,
12 | &.#{$state} > th {
13 | background-color: $background;
14 | }
15 | }
16 |
17 | // Hover states for `.table-hover`
18 | // Note: this is not available for cells or rows within `thead` or `tfoot`.
19 | .table-hover > tbody > tr {
20 | > td.#{$state}:hover,
21 | > th.#{$state}:hover,
22 | &.#{$state}:hover > td,
23 | &:hover > .#{$state},
24 | &.#{$state}:hover > th {
25 | background-color: darken($background, 5%);
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_text-emphasis.scss:
--------------------------------------------------------------------------------
1 | // Typography
2 |
3 | // [converter] $parent hack
4 | @mixin text-emphasis-variant($parent, $color) {
5 | #{$parent} {
6 | color: $color;
7 | }
8 | a#{$parent}:hover,
9 | a#{$parent}:focus {
10 | color: darken($color, 10%);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/_sass/bootstrap/mixins/_text-overflow.scss:
--------------------------------------------------------------------------------
1 | // Text overflow
2 | // Requires inline-block or block for proper styling
3 |
4 | @mixin text-overflow() {
5 | overflow: hidden;
6 | text-overflow: ellipsis;
7 | white-space: nowrap;
8 | }
9 |
--------------------------------------------------------------------------------
/_sass/bootswatch/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2013 Thomas Park
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
--------------------------------------------------------------------------------
/_sass/bootswatch/cerulean/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Cerulean 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | @mixin btn-shadow($color){
6 | @include gradient-vertical-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
7 | filter: none;
8 | border-bottom: 1px solid darken($color, 10%);
9 | }
10 |
11 | // Navbar =====================================================================
12 |
13 | .navbar {
14 | &-default {
15 | @include btn-shadow($navbar-default-bg);
16 | filter: none;
17 | @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
18 |
19 | .badge {
20 | background-color: #fff;
21 | color: $navbar-default-bg;
22 | }
23 | }
24 |
25 | &-inverse {
26 | @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%));
27 | filter: none;
28 | border-bottom: 1px solid darken($navbar-inverse-bg, 10%);
29 |
30 | .badge {
31 | background-color: #fff;
32 | color: $navbar-inverse-bg;
33 | }
34 | }
35 |
36 | .navbar-nav > li > a,
37 | &-brand {
38 | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
39 | }
40 | }
41 |
42 | @media (max-width: $grid-float-breakpoint-max) {
43 |
44 | .navbar {
45 |
46 | .dropdown-header {
47 | color: #fff;
48 | }
49 |
50 | .dropdown-menu {
51 | a {
52 | color: #fff;
53 | }
54 | }
55 | }
56 | }
57 |
58 | // Buttons ====================================================================
59 |
60 | .btn {
61 |
62 | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
63 |
64 | .caret {
65 | border-top-color: #fff;
66 | }
67 | }
68 |
69 | .btn-default {
70 |
71 | @include btn-shadow($btn-default-bg);
72 |
73 | &:hover {
74 | color: $btn-default-color;
75 | }
76 |
77 | .caret {
78 | border-top-color: $text-color;
79 | }
80 | }
81 |
82 | .btn-default {
83 | @include btn-shadow($btn-default-bg);
84 | }
85 |
86 | .btn-primary {
87 | @include btn-shadow($btn-primary-bg);
88 | }
89 |
90 | .btn-success {
91 | @include btn-shadow($btn-success-bg);
92 | }
93 |
94 | .btn-info {
95 | @include btn-shadow($btn-info-bg);
96 | }
97 |
98 | .btn-warning {
99 | @include btn-shadow($btn-warning-bg);
100 | }
101 |
102 | .btn-danger {
103 | @include btn-shadow($btn-danger-bg);
104 | }
105 |
106 | // Typography =================================================================
107 |
108 | // Tables =====================================================================
109 |
110 | // Forms ======================================================================
111 |
112 | // Navs =======================================================================
113 |
114 | // Indicators =================================================================
115 |
116 | // Progress bars ==============================================================
117 |
118 | // Containers =================================================================
119 |
120 | .panel-primary,
121 | .panel-success,
122 | .panel-warning,
123 | .panel-danger,
124 | .panel-info {
125 |
126 | .panel-heading,
127 | .panel-title {
128 | color: #fff;
129 | }
130 |
131 | > .panel-heading .badge {
132 | background-color: #fff;
133 | }
134 | }
135 |
--------------------------------------------------------------------------------
/_sass/bootswatch/cosmo/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Cosmo 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | .navbar {
11 |
12 | &-inverse {
13 |
14 | .badge {
15 | background-color: #fff;
16 | color: $brand-primary;
17 | }
18 | }
19 | }
20 |
21 | // Buttons ====================================================================
22 |
23 | // Typography =================================================================
24 |
25 | body {
26 | -webkit-font-smoothing: antialiased;
27 | }
28 |
29 | .text-primary,
30 | .text-primary:hover {
31 | color: $brand-primary;
32 | }
33 |
34 | .text-success,
35 | .text-success:hover {
36 | color: $brand-success;
37 | }
38 |
39 | .text-danger,
40 | .text-danger:hover {
41 | color: $brand-danger;
42 | }
43 |
44 | .text-warning,
45 | .text-warning:hover {
46 | color: $brand-warning;
47 | }
48 |
49 | .text-info,
50 | .text-info:hover {
51 | color: $brand-info;
52 | }
53 |
54 | // Tables =====================================================================
55 |
56 | table,
57 | .table {
58 |
59 | a:not(.btn) {
60 | text-decoration: underline;
61 | }
62 |
63 | .dropdown-menu a {
64 | text-decoration: none;
65 | }
66 |
67 | .success,
68 | .warning,
69 | .danger,
70 | .info {
71 | color: #fff;
72 |
73 | a {
74 | color: #fff;
75 | }
76 | }
77 | }
78 |
79 | // Forms ======================================================================
80 |
81 |
82 | .has-warning {
83 | .help-block,
84 | .control-label,
85 | .radio,
86 | .checkbox,
87 | .radio-inline,
88 | .checkbox-inline,
89 | &.radio label,
90 | &.checkbox label,
91 | &.radio-inline label,
92 | &.checkbox-inline label,
93 | .form-control-feedback {
94 | color: $brand-warning;
95 | }
96 |
97 | .form-control,
98 | .form-control:focus,
99 | .input-group-addon {
100 | border: 1px solid $brand-warning;
101 | }
102 | }
103 |
104 | .has-error {
105 | .help-block,
106 | .control-label,
107 | .radio,
108 | .checkbox,
109 | .radio-inline,
110 | .checkbox-inline,
111 | &.radio label,
112 | &.checkbox label,
113 | &.radio-inline label,
114 | &.checkbox-inline label,
115 | .form-control-feedback {
116 | color: $brand-danger;
117 | }
118 |
119 | .form-control,
120 | .form-control:focus,
121 | .input-group-addon {
122 | border: 1px solid $brand-danger;
123 | }
124 | }
125 |
126 | .has-success {
127 | .help-block,
128 | .control-label,
129 | .radio,
130 | .checkbox,
131 | .radio-inline,
132 | .checkbox-inline,
133 | &.radio label,
134 | &.checkbox label,
135 | &.radio-inline label,
136 | &.checkbox-inline label,
137 | .form-control-feedback {
138 | color: $brand-success;
139 | }
140 |
141 | .form-control,
142 | .form-control:focus,
143 | .input-group-addon {
144 | border: 1px solid $brand-success;
145 | }
146 | }
147 |
148 | // Navs =======================================================================
149 |
150 | .nav-pills {
151 |
152 | & > li > a {
153 | border-radius: 0;
154 | }
155 | }
156 |
157 | .dropdown-menu {
158 |
159 | & > li > a:hover,
160 | & > li > a:focus {
161 | background-image: none;
162 | }
163 | }
164 |
165 | // Indicators =================================================================
166 |
167 | .close {
168 | text-decoration: none;
169 | text-shadow: none;
170 | opacity: 0.4;
171 |
172 | &:hover,
173 | &:focus {
174 | opacity: 1;
175 | }
176 | }
177 |
178 | .alert {
179 | border: none;
180 |
181 | .alert-link {
182 | text-decoration: underline;
183 | color: #fff;
184 | }
185 | }
186 |
187 | .label {
188 | border-radius: 0;
189 | }
190 |
191 | // Progress bars ==============================================================
192 |
193 | .progress {
194 | height: 8px;
195 | @include box-shadow(none);
196 | .progress-bar {
197 | font-size: 8px;
198 | line-height: 8px;
199 | }
200 | }
201 |
202 | // Containers =================================================================
203 |
204 | .panel {
205 | &-heading,
206 | &-footer {
207 | border-top-right-radius: 0;
208 | border-top-left-radius: 0;
209 | }
210 |
211 | &-default {
212 | .close {
213 | color: $text-color;
214 | }
215 | }
216 | }
217 |
218 | a.list-group-item {
219 |
220 | &-success {
221 | &.active {
222 | background-color: $state-success-bg;
223 | }
224 |
225 | &.active:hover,
226 | &.active:focus {
227 | background-color: darken($state-success-bg, 5%);
228 | }
229 | }
230 |
231 | &-warning {
232 | &.active {
233 | background-color: $state-warning-bg;
234 | }
235 |
236 | &.active:hover,
237 | &.active:focus {
238 | background-color: darken($state-warning-bg, 5%);
239 | }
240 | }
241 |
242 | &-danger {
243 | &.active {
244 | background-color: $state-danger-bg;
245 | }
246 |
247 | &.active:hover,
248 | &.active:focus {
249 | background-color: darken($state-danger-bg, 5%);
250 | }
251 | }
252 | }
253 |
254 | .modal {
255 | .close {
256 | color: $text-color;
257 | }
258 | }
259 |
260 | .popover {
261 | color: $text-color;
262 | }
263 |
--------------------------------------------------------------------------------
/_sass/bootswatch/custom/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Custom 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 |
6 | // Navbar =====================================================================
7 |
8 | // Buttons ====================================================================
9 |
10 | // Typography =================================================================
11 |
12 | // Tables =====================================================================
13 |
14 | // Forms ======================================================================
15 |
16 | // Navs =======================================================================
17 |
18 | // Indicators =================================================================
19 |
20 | // Progress bars ==============================================================
21 |
22 | // Containers =================================================================
23 |
--------------------------------------------------------------------------------
/_sass/bootswatch/cyborg/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Cyborg 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,700" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | // Buttons ====================================================================
11 |
12 | // Typography =================================================================
13 |
14 | .text-primary,
15 | .text-primary:hover {
16 | color: $brand-primary;
17 | }
18 |
19 | .text-success,
20 | .text-success:hover {
21 | color: $brand-success;
22 | }
23 |
24 | .text-danger,
25 | .text-danger:hover {
26 | color: $brand-danger;
27 | }
28 |
29 | .text-warning,
30 | .text-warning:hover {
31 | color: $brand-warning;
32 | }
33 |
34 | .text-info,
35 | .text-info:hover {
36 | color: $brand-info;
37 | }
38 |
39 | .bg-success,
40 | .bg-info,
41 | .bg-warning,
42 | .bg-danger {
43 | color: #fff;
44 | }
45 |
46 | // Tables =====================================================================
47 |
48 | table,
49 | .table {
50 | color: #fff;
51 |
52 | a:not(.btn) {
53 | color: #fff;
54 | text-decoration: underline;
55 | }
56 |
57 | .dropdown-menu a {
58 | text-decoration: none;
59 | }
60 |
61 | .text-muted {
62 | color: $text-muted;
63 | }
64 | }
65 |
66 | .table-responsive > .table {
67 | background-color: $table-bg;
68 | }
69 |
70 | // Forms ======================================================================
71 |
72 | .has-warning {
73 | .help-block,
74 | .control-label,
75 | .radio,
76 | .checkbox,
77 | .radio-inline,
78 | .checkbox-inline,
79 | &.radio label,
80 | &.checkbox label,
81 | &.radio-inline label,
82 | &.checkbox-inline label,
83 | .form-control-feedback {
84 | color: $brand-warning;
85 | }
86 |
87 | .form-control,
88 | .form-control:focus,
89 | .input-group-addon {
90 | border-color: $brand-warning;
91 | }
92 | }
93 |
94 | .has-error {
95 | .help-block,
96 | .control-label,
97 | .radio,
98 | .checkbox,
99 | .radio-inline,
100 | .checkbox-inline,
101 | &.radio label,
102 | &.checkbox label,
103 | &.radio-inline label,
104 | &.checkbox-inline label,
105 | .form-control-feedback {
106 | color: $brand-danger;
107 | }
108 |
109 | .form-control,
110 | .form-control:focus,
111 | .input-group-addon {
112 | border-color: $brand-danger;
113 | }
114 | }
115 |
116 | .has-success {
117 | .help-block,
118 | .control-label,
119 | .radio,
120 | .checkbox,
121 | .radio-inline,
122 | .checkbox-inline,
123 | &.radio label,
124 | &.checkbox label,
125 | &.radio-inline label,
126 | &.checkbox-inline label,
127 | .form-control-feedback {
128 | color: $brand-success;
129 | }
130 |
131 | .form-control,
132 | .form-control:focus,
133 | .input-group-addon {
134 | border-color: $brand-success;
135 | }
136 | }
137 |
138 | legend {
139 | color: #fff;
140 | }
141 |
142 | // Navs =======================================================================
143 |
144 | .nav-tabs,
145 | .nav-pills,
146 | .breadcrumb,
147 | .pager {
148 |
149 | a {
150 | color: #fff;
151 | }
152 | }
153 |
154 | // Indicators =================================================================
155 |
156 | .alert {
157 |
158 | .alert-link,
159 | a {
160 | color: $alert-warning-text;
161 | text-decoration: underline;
162 | }
163 |
164 | .close {
165 | text-decoration: none;
166 | }
167 | }
168 |
169 | .close {
170 | color: #fff;
171 | text-decoration: none;
172 | opacity: 0.4;
173 |
174 | &:hover,
175 | &:focus {
176 | color: #fff;
177 | opacity: 1;
178 | }
179 | }
180 |
181 | // Progress bars ==============================================================
182 |
183 | // Containers =================================================================
184 |
185 | a.thumbnail:hover,
186 | a.thumbnail:focus,
187 | a.thumbnail.active {
188 | border-color: $thumbnail-border;
189 | }
190 |
191 | a.list-group-item {
192 |
193 | &.active,
194 | &.active:hover,
195 | &.active:focus {
196 | border-color: $list-group-border;
197 | }
198 |
199 | &-success {
200 | &.active {
201 | background-color: $state-success-bg;
202 | }
203 |
204 | &.active:hover,
205 | &.active:focus {
206 | background-color: darken($state-success-bg, 5%);
207 | }
208 | }
209 |
210 | &-warning {
211 | &.active {
212 | background-color: $state-warning-bg;
213 | }
214 |
215 | &.active:hover,
216 | &.active:focus {
217 | background-color: darken($state-warning-bg, 5%);
218 | }
219 | }
220 |
221 | &-danger {
222 | &.active {
223 | background-color: $state-danger-bg;
224 | }
225 |
226 | &.active:hover,
227 | &.active:focus {
228 | background-color: darken($state-danger-bg, 5%);
229 | }
230 | }
231 | }
232 |
233 | .jumbotron {
234 |
235 | h1, h2, h3, h4, h5, h6 {
236 | color: #fff;
237 | }
238 | }
--------------------------------------------------------------------------------
/_sass/bootswatch/flatly/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Flatly 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | .navbar {
11 | border-width: 0;
12 |
13 | &-default {
14 |
15 | .badge {
16 | background-color: #fff;
17 | color: $navbar-default-bg;
18 | }
19 | }
20 |
21 | &-inverse {
22 |
23 | .badge {
24 | background-color: #fff;
25 | color: $navbar-inverse-bg;
26 | }
27 | }
28 |
29 | &-brand {
30 | line-height: 1;
31 | }
32 | }
33 |
34 | // Buttons ====================================================================
35 |
36 | .btn {
37 | border-width: 2px;
38 | }
39 |
40 | .btn:active {
41 | @include box-shadow(none);
42 | }
43 |
44 | .btn-group.open .dropdown-toggle {
45 | @include box-shadow(none);
46 | }
47 |
48 | // Typography =================================================================
49 |
50 | .text-primary,
51 | .text-primary:hover {
52 | color: $brand-primary;
53 | }
54 |
55 | .text-success,
56 | .text-success:hover {
57 | color: $brand-success;
58 | }
59 |
60 | .text-danger,
61 | .text-danger:hover {
62 | color: $brand-danger;
63 | }
64 |
65 | .text-warning,
66 | .text-warning:hover {
67 | color: $brand-warning;
68 | }
69 |
70 | .text-info,
71 | .text-info:hover {
72 | color: $brand-info;
73 | }
74 |
75 | // Tables =====================================================================
76 |
77 | table,
78 | .table {
79 |
80 | a:not(.btn) {
81 | text-decoration: underline;
82 | }
83 |
84 | .dropdown-menu a {
85 | text-decoration: none;
86 | }
87 |
88 | .success,
89 | .warning,
90 | .danger,
91 | .info {
92 | color: #fff;
93 |
94 | > th > a,
95 | > td > a,
96 | > a {
97 | color: #fff;
98 | }
99 | }
100 |
101 | > thead > tr > th,
102 | > tbody > tr > th,
103 | > tfoot > tr > th,
104 | > thead > tr > td,
105 | > tbody > tr > td,
106 | > tfoot > tr > td {
107 | border: none;
108 | }
109 |
110 | &-bordered > thead > tr > th,
111 | &-bordered > tbody > tr > th,
112 | &-bordered > tfoot > tr > th,
113 | &-bordered > thead > tr > td,
114 | &-bordered > tbody > tr > td,
115 | &-bordered > tfoot > tr > td {
116 | border: 1px solid $table-border-color;
117 | }
118 | }
119 |
120 | // Forms ======================================================================
121 |
122 | .form-control,
123 | input {
124 | border-width: 2px;
125 | @include box-shadow(none);
126 |
127 | &:focus {
128 | @include box-shadow(none);
129 | }
130 | }
131 |
132 | .has-warning {
133 | .help-block,
134 | .control-label,
135 | .radio,
136 | .checkbox,
137 | .radio-inline,
138 | .checkbox-inline,
139 | &.radio label,
140 | &.checkbox label,
141 | &.radio-inline label,
142 | &.checkbox-inline label,
143 | .form-control-feedback {
144 | color: $brand-warning;
145 | }
146 |
147 | .form-control,
148 | .form-control:focus {
149 | border: 2px solid $brand-warning;
150 | }
151 |
152 | .input-group-addon {
153 | border-color: $brand-warning;
154 | }
155 | }
156 |
157 | .has-error {
158 | .help-block,
159 | .control-label,
160 | .radio,
161 | .checkbox,
162 | .radio-inline,
163 | .checkbox-inline,
164 | &.radio label,
165 | &.checkbox label,
166 | &.radio-inline label,
167 | &.checkbox-inline label,
168 | .form-control-feedback {
169 | color: $brand-danger;
170 | }
171 |
172 | .form-control,
173 | .form-control:focus {
174 | border: 2px solid $brand-danger;
175 | }
176 |
177 | .input-group-addon {
178 | border-color: $brand-danger;
179 | }
180 | }
181 |
182 | .has-success {
183 | .help-block,
184 | .control-label,
185 | .radio,
186 | .checkbox,
187 | .radio-inline,
188 | .checkbox-inline,
189 | &.radio label,
190 | &.checkbox label,
191 | &.radio-inline label,
192 | &.checkbox-inline label,
193 | .form-control-feedback {
194 | color: $brand-success;
195 | }
196 |
197 | .form-control,
198 | .form-control:focus {
199 | border: 2px solid $brand-success;
200 | }
201 |
202 | .input-group-addon {
203 | border-color: $brand-success;
204 | }
205 | }
206 |
207 | // Navs =======================================================================
208 |
209 | .nav {
210 | .open > a,
211 | .open > a:hover,
212 | .open > a:focus {
213 | border-color: transparent;
214 | }
215 | }
216 |
217 | .pager {
218 | a,
219 | a:hover {
220 | color: #fff;
221 | }
222 |
223 | .disabled {
224 | &>a,
225 | &>a:hover,
226 | &>a:focus,
227 | &>span {
228 | background-color: $pagination-disabled-bg;
229 | }
230 | }
231 | }
232 |
233 | // Indicators =================================================================
234 |
235 | .close {
236 | color: #fff;
237 | text-decoration: none;
238 | opacity: 0.4;
239 |
240 | &:hover,
241 | &:focus {
242 | color: #fff;
243 | opacity: 1;
244 | }
245 | }
246 |
247 | .alert {
248 |
249 | .alert-link {
250 | color: #fff;
251 | text-decoration: underline;
252 | }
253 | }
254 |
255 | // Progress bars ==============================================================
256 |
257 | .progress {
258 | height: 10px;
259 | @include box-shadow(none);
260 | .progress-bar {
261 | font-size: 10px;
262 | line-height: 10px;
263 | }
264 | }
265 |
266 | // Containers =================================================================
267 |
268 | .well {
269 | @include box-shadow(none);
270 | }
271 |
272 | a.list-group-item {
273 |
274 | &.active,
275 | &.active:hover,
276 | &.active:focus {
277 | border-color: $list-group-border;
278 | }
279 |
280 | &-success {
281 | &.active {
282 | background-color: $state-success-bg;
283 | }
284 |
285 | &.active:hover,
286 | &.active:focus {
287 | background-color: darken($state-success-bg, 5%);
288 | }
289 | }
290 |
291 | &-warning {
292 | &.active {
293 | background-color: $state-warning-bg;
294 | }
295 |
296 | &.active:hover,
297 | &.active:focus {
298 | background-color: darken($state-warning-bg, 5%);
299 | }
300 | }
301 |
302 | &-danger {
303 | &.active {
304 | background-color: $state-danger-bg;
305 | }
306 |
307 | &.active:hover,
308 | &.active:focus {
309 | background-color: darken($state-danger-bg, 5%);
310 | }
311 | }
312 | }
313 |
314 | .panel {
315 | &-default {
316 | .close {
317 | color: $text-color;
318 | }
319 | }
320 | }
321 |
322 | .modal {
323 | .close {
324 | color: $text-color;
325 | }
326 | }
327 |
328 | .popover {
329 | color: $text-color;
330 | }
331 |
--------------------------------------------------------------------------------
/_sass/bootswatch/journal/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Journal 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=News+Cycle:400,700" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | .navbar {
11 | font-size: 18px;
12 | font-family: $font-family-sans-serif;
13 | font-weight: $headings-font-weight;
14 |
15 | &-default {
16 |
17 | .badge {
18 | background-color: #000;
19 | color: #fff;
20 | }
21 | }
22 |
23 | &-inverse {
24 |
25 | .badge {
26 | background-color: #fff;
27 | color: $navbar-inverse-bg;
28 | }
29 | }
30 | }
31 |
32 | .navbar-brand {
33 | font-size: inherit;
34 | font-weight: $headings-font-weight;
35 | text-transform: uppercase;
36 | }
37 |
38 | // Buttons ====================================================================
39 |
40 | // Typography =================================================================
41 |
42 | // Tables =====================================================================
43 |
44 | // Forms ======================================================================
45 |
46 | .has-warning {
47 | .help-block,
48 | .control-label,
49 | .radio,
50 | .checkbox,
51 | .radio-inline,
52 | .checkbox-inline,
53 | &.radio label,
54 | &.checkbox label,
55 | &.radio-inline label,
56 | &.checkbox-inline label,
57 | .form-control-feedback {
58 | color: $brand-danger;
59 | }
60 |
61 | .form-control,
62 | .form-control:focus {
63 | border-color: $brand-danger;
64 | }
65 | }
66 |
67 | .has-error {
68 | .help-block,
69 | .control-label,
70 | .radio,
71 | .checkbox,
72 | .radio-inline,
73 | .checkbox-inline,
74 | &.radio label,
75 | &.checkbox label,
76 | &.radio-inline label,
77 | &.checkbox-inline label,
78 | .form-control-feedback {
79 | color: $brand-primary;
80 | }
81 |
82 | .form-control,
83 | .form-control:focus {
84 | border-color: $brand-primary;
85 | }
86 | }
87 |
88 | .has-success {
89 | .help-block,
90 | .control-label,
91 | .radio,
92 | .checkbox,
93 | .radio-inline,
94 | .checkbox-inline,
95 | &.radio label,
96 | &.checkbox label,
97 | &.radio-inline label,
98 | &.checkbox-inline label,
99 | .form-control-feedback {
100 | color: $brand-success;
101 | }
102 |
103 | .form-control,
104 | .form-control:focus {
105 | border-color: $brand-success;
106 | }
107 | }
108 |
109 | // Navs =======================================================================
110 |
111 | // Indicators =================================================================
112 |
113 | .badge {
114 | padding-bottom: 4px;
115 | vertical-align: 3px;
116 | font-size: 10px;
117 | }
118 |
119 | // Progress bars ==============================================================
120 |
121 | // Containers =================================================================
122 |
123 | .jumbotron {
124 |
125 | h1, h2, h3, h4, h5, h6 {
126 | font-family: $font-family-sans-serif;
127 | font-weight: $headings-font-weight;
128 | color: #000;
129 | }
130 | }
131 |
132 | .panel {
133 |
134 | &-primary,
135 | &-success,
136 | &-warning,
137 | &-danger,
138 | &-info {
139 | .panel-title {
140 | color: #fff;
141 | }
142 | }
143 |
144 |
145 | }
146 |
--------------------------------------------------------------------------------
/_sass/bootswatch/readable/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Readable 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Raleway:400,700" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | .navbar {
11 | font-family: $headings-font-family;
12 |
13 | &-nav,
14 | &-form {
15 | margin-left: 0;
16 | margin-right: 0;
17 | }
18 |
19 | &-nav > li > a {
20 | $margin-vertical: (($navbar-height - 2*$padding-base-vertical - $line-height-computed - 2px) / 2);
21 | margin: $margin-vertical 6px;
22 | padding: $padding-base-vertical $padding-base-horizontal;
23 | border: 1px solid transparent;
24 | border-radius: $border-radius-base;
25 |
26 | &:hover {
27 | border: 1px solid #ddd;
28 | }
29 | }
30 |
31 | &-nav > .active > a,
32 | &-nav > .active > a:hover {
33 | border: 1px solid #ddd;
34 | }
35 |
36 | &-default .navbar-nav > .active > a:hover {
37 | color: $navbar-default-link-hover-color;
38 | }
39 |
40 | &-inverse .navbar-nav > .active > a:hover {
41 | color: $navbar-inverse-link-hover-color;
42 | }
43 |
44 | &-brand {
45 | padding-top: (($navbar-height - 2*$font-size-large) / 2);
46 | padding-bottom: (($navbar-height - 2*$font-size-large) / 2);
47 | line-height: 1.9;
48 | }
49 | }
50 |
51 | @media (min-width: $grid-float-breakpoint) {
52 | .navbar {
53 | .navbar-nav > li > a {
54 | padding: $padding-base-vertical $padding-base-horizontal;
55 | }
56 | }
57 | }
58 |
59 | @media (max-width: ($grid-float-breakpoint - 1)) {
60 | .navbar {
61 | .navbar-nav > li > a {
62 | margin: 0;
63 | }
64 | }
65 | }
66 |
67 | // Buttons ====================================================================
68 |
69 | .btn {
70 | font-family: $headings-font-family;
71 | }
72 |
73 | // Typography =================================================================
74 |
75 | // Tables =====================================================================
76 |
77 | // Forms ======================================================================
78 |
79 | legend {
80 | font-family: $headings-font-family;
81 | }
82 |
83 | .input-group-addon {
84 | font-family: $font-family-sans-serif;
85 | }
86 |
87 | // Navs =======================================================================
88 |
89 | .nav {
90 | .open > a,
91 | .open > a:hover,
92 | .open > a:focus {
93 | border: 1px solid #ddd;
94 | }
95 | }
96 |
97 | .pagination {
98 |
99 | font-family: $headings-font-family;
100 |
101 | &-lg > li > a,
102 | &-lg > li > span {
103 | padding: 14px 24px;
104 | }
105 | }
106 |
107 | .pager {
108 |
109 | font-family: $headings-font-family;
110 |
111 | a {
112 | color: $text-color;
113 | }
114 |
115 | a:hover {
116 | border-color: transparent;
117 | color: #fff;
118 | }
119 |
120 | .disabled a {
121 | border-color: $pager-border;
122 | }
123 | }
124 |
125 | // Indicators =================================================================
126 |
127 | .close {
128 | color: #fff;
129 | text-decoration: none;
130 | text-shadow: none;
131 | opacity: 0.4;
132 |
133 | &:hover,
134 | &:focus {
135 | color: #fff;
136 | opacity: 1;
137 | }
138 | }
139 |
140 | .alert {
141 | .alert-link {
142 | color: $alert-success-text;
143 | text-decoration: underline;
144 | }
145 | }
146 |
147 | .label {
148 | font-family: $headings-font-family;
149 | font-weight: normal;
150 |
151 | &-default {
152 | border: 1px solid #ddd;
153 | color: $text-color;
154 | }
155 |
156 | }
157 |
158 | .badge {
159 | padding: 1px 7px 5px;
160 | vertical-align: 2px;
161 | font-family: $headings-font-family;
162 | font-weight: normal;
163 | }
164 |
165 | // Progress bars ==============================================================
166 |
167 | // Containers =================================================================
168 |
169 | .panel {
170 | @include box-shadow(none);
171 |
172 | &-default {
173 | .close {
174 | color: $text-color;
175 | }
176 | }
177 | }
178 |
179 | .modal {
180 | .close {
181 | color: $text-color;
182 | }
183 | }
184 |
--------------------------------------------------------------------------------
/_sass/bootswatch/sandstone/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Sandstone 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,500,700" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | .sandstone {
11 | font-size: 11px;
12 | line-height: 22px;
13 | font-weight: 500;
14 | text-transform: uppercase;
15 | }
16 |
17 | .navbar {
18 | .nav > li > a {
19 | @extend .sandstone;
20 | }
21 |
22 | &-form input,
23 | &-form .form-control {
24 | border: none;
25 | }
26 | }
27 |
28 | // Buttons ====================================================================
29 |
30 | .btn {
31 | border: none;
32 | @extend .sandstone;
33 |
34 | &:hover {
35 | border-color: transparent;
36 | }
37 |
38 | &-lg {
39 | line-height: 26px;
40 | }
41 |
42 | &-default {
43 | &:hover {
44 | background-color: $navbar-default-link-active-bg;
45 | }
46 | }
47 | }
48 |
49 | // Typography =================================================================
50 |
51 | // Tables =====================================================================
52 |
53 | // Forms ======================================================================
54 |
55 | input,
56 | .form-control {
57 | @include box-shadow(none);
58 |
59 | &:focus {
60 | border-color: $input-border;
61 | @include box-shadow(none);
62 | }
63 | }
64 |
65 | // Navs =======================================================================
66 |
67 | .nav {
68 | @extend .sandstone;
69 |
70 | .open > a,
71 | .open > a:hover,
72 | .open > a:focus {
73 | border-color: $gray-light;
74 | }
75 | }
76 |
77 | .nav-tabs {
78 |
79 | & > li > a {
80 | background-color: $gray-lighter;
81 | border-color: $nav-tabs-border-color;
82 | color: $gray;
83 | }
84 |
85 | > li.disabled > a:hover {
86 | background-color: $gray-lighter;
87 | }
88 | }
89 |
90 | .nav-pills {
91 | a {
92 | color: $gray;
93 | }
94 |
95 | li > a {
96 | border: 1px solid transparent;
97 | }
98 |
99 | li.active > a,
100 | li > a:hover {
101 | border-color: $gray-light;
102 | }
103 |
104 | li.disabled > a {
105 | border-color: transparent;
106 | }
107 | }
108 |
109 | .breadcrumb {
110 | @extend .sandstone;
111 |
112 | border: 1px solid $gray-light;
113 |
114 | a {
115 | color: $gray;
116 | }
117 | }
118 |
119 | .pagination {
120 | @extend .sandstone;
121 | }
122 |
123 | .pager {
124 | @extend .sandstone;
125 |
126 | li > a {
127 | color: $gray;
128 | }
129 | }
130 |
131 | .dropdown-menu {
132 | & > li > a {
133 | @extend .sandstone;
134 | }
135 | }
136 |
137 | // Indicators =================================================================
138 |
139 | .alert {
140 |
141 | a,
142 | .alert-link {
143 | color: #fff;
144 | }
145 | }
146 |
147 | .tooltip {
148 | @extend .sandstone;
149 | }
150 |
151 | // Progress bars ==============================================================
152 |
153 | .progress {
154 | border-radius: 10px;
155 | background-color: $gray-light;
156 | @include box-shadow(none);
157 |
158 | &-bar {
159 | @include box-shadow(none);
160 | }
161 | }
162 |
163 | // Containers =================================================================
164 |
165 | .list-group {
166 | &-item {
167 | padding: 16px 24px;
168 | }
169 | }
170 |
171 | .well {
172 | @include box-shadow(none);
173 | }
174 |
175 | .panel {
176 | @include box-shadow(none);
177 |
178 | .panel-heading,
179 | .panel-title {
180 | @extend .sandstone;
181 | color: #fff;
182 | }
183 |
184 | .panel-footer {
185 | @extend .sandstone;
186 | }
187 |
188 | &-default {
189 | .panel-heading,
190 | .panel-title,
191 | .panel-footer {
192 | color: $gray;
193 | }
194 | }
195 | }
196 |
--------------------------------------------------------------------------------
/_sass/bootswatch/simplex/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Simplex 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400,700" !default;
6 | @import url($web-font-path);
7 |
8 | @mixin btn-shadow($color){
9 | @include gradient-vertical-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%));
10 | filter: none;
11 | border: 1px solid darken($color, 10%);
12 | }
13 |
14 | // Navbar =====================================================================
15 |
16 | .navbar {
17 |
18 | &-inverse {
19 |
20 | .badge {
21 | background-color: #fff;
22 | color: $brand-primary;
23 | }
24 | }
25 | }
26 |
27 | // Buttons ====================================================================
28 |
29 | .btn {
30 | font-family: $headings-font-family;
31 | }
32 |
33 | .btn-default,
34 | .btn-default:hover {
35 | @include btn-shadow($btn-default-bg);
36 | }
37 |
38 | .btn-primary,
39 | .btn-primary:hover {
40 | @include btn-shadow($btn-primary-bg);
41 | }
42 |
43 | .btn-success,
44 | .btn-success:hover {
45 | @include btn-shadow($btn-success-bg);
46 | }
47 |
48 | .btn-info,
49 | .btn-info:hover {
50 | @include btn-shadow($btn-info-bg);
51 | }
52 |
53 | .btn-warning,
54 | .btn-warning:hover {
55 | @include btn-shadow($btn-warning-bg);
56 | }
57 |
58 | .btn-danger,
59 | .btn-danger:hover {
60 | @include btn-shadow($btn-danger-bg);
61 | }
62 |
63 | // Typography =================================================================
64 |
65 | body {
66 | font-weight: 200;
67 | }
68 |
69 | // Tables =====================================================================
70 |
71 | th {
72 | color: $headings-color;
73 | }
74 |
75 | // Forms ======================================================================
76 |
77 | legend {
78 | color: $headings-color;
79 | }
80 |
81 | label {
82 | font-weight: normal;
83 | }
84 |
85 | .has-warning {
86 | .help-block,
87 | .control-label,
88 | .radio,
89 | .checkbox,
90 | .radio-inline,
91 | .checkbox-inline,
92 | &.radio label,
93 | &.checkbox label,
94 | &.radio-inline label,
95 | &.checkbox-inline label,
96 | .form-control-feedback {
97 | color: $brand-danger;
98 | }
99 |
100 | .form-control,
101 | .form-control:focus {
102 | border-color: $brand-danger;
103 | }
104 | }
105 |
106 | .has-error {
107 | .help-block,
108 | .control-label,
109 | .radio,
110 | .checkbox,
111 | .radio-inline,
112 | .checkbox-inline,
113 | &.radio label,
114 | &.checkbox label,
115 | &.radio-inline label,
116 | &.checkbox-inline label,
117 | .form-control-feedback {
118 | color: $brand-primary;
119 | }
120 |
121 | .form-control,
122 | .form-control:focus {
123 | border-color: $brand-primary;
124 | }
125 | }
126 |
127 | .has-success {
128 | .help-block,
129 | .control-label,
130 | .radio,
131 | .checkbox,
132 | .radio-inline,
133 | .checkbox-inline,
134 | &.radio label,
135 | &.checkbox label,
136 | &.radio-inline label,
137 | &.checkbox-inline label,
138 | .form-control-feedback {
139 | color: $brand-success;
140 | }
141 |
142 | .form-control,
143 | .form-control:focus {
144 | border-color: $brand-success;
145 | }
146 | }
147 |
148 | // Navs =======================================================================
149 |
150 | .pager {
151 | a {
152 | color: $headings-color;
153 | }
154 |
155 | a:hover,
156 | .active > a, {
157 | border-color: $brand-primary;
158 | color: #fff;
159 | }
160 |
161 | .disabled > a {
162 | border-color: $pager-border;
163 | }
164 | }
165 |
166 | // Indicators =================================================================
167 |
168 | // Progress bars ==============================================================
169 |
170 | // Containers =================================================================
--------------------------------------------------------------------------------
/_sass/bootswatch/solar/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Solar 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | // Buttons ====================================================================
11 |
12 | // Typography =================================================================
13 |
14 | .text-primary,
15 | .text-primary:hover {
16 | color: $brand-primary;
17 | }
18 |
19 | .text-success,
20 | .text-success:hover {
21 | color: $brand-success;
22 | }
23 |
24 | .text-danger,
25 | .text-danger:hover {
26 | color: $brand-danger;
27 | }
28 |
29 | .text-warning,
30 | .text-warning:hover {
31 | color: $brand-warning;
32 | }
33 |
34 | .text-info,
35 | .text-info:hover {
36 | color: $brand-info;
37 | }
38 |
39 | .bg-success,
40 | .bg-info,
41 | .bg-warning,
42 | .bg-danger {
43 | color: #fff;
44 | }
45 |
46 | // Tables =====================================================================
47 |
48 | table,
49 | .table {
50 | .success,
51 | .info,
52 | .warning,
53 | .danger {
54 | td, th {
55 | color: #fff;
56 | }
57 | }
58 | }
59 |
60 | // Forms ======================================================================
61 |
62 | .has-warning {
63 | .help-block,
64 | .control-label,
65 | .radio,
66 | .checkbox,
67 | .radio-inline,
68 | .checkbox-inline,
69 | &.radio label,
70 | &.checkbox label,
71 | &.radio-inline label,
72 | &.checkbox-inline label,
73 | .form-control-feedback {
74 | color: $brand-warning;
75 | }
76 |
77 | .form-control,
78 | .form-control:focus,
79 | .input-group-addon {
80 | border-color: $brand-warning;
81 | }
82 | }
83 |
84 | .has-error {
85 | .help-block,
86 | .control-label,
87 | .radio,
88 | .checkbox,
89 | .radio-inline,
90 | .checkbox-inline,
91 | &.radio label,
92 | &.checkbox label,
93 | &.radio-inline label,
94 | &.checkbox-inline label,
95 | .form-control-feedback {
96 | color: $brand-danger;
97 | }
98 |
99 | .form-control,
100 | .form-control:focus,
101 | .input-group-addon {
102 | border-color: $brand-danger;
103 | }
104 | }
105 |
106 | .has-success {
107 | .help-block,
108 | .control-label,
109 | .radio,
110 | .checkbox,
111 | .radio-inline,
112 | .checkbox-inline,
113 | &.radio label,
114 | &.checkbox label,
115 | &.radio-inline label,
116 | &.checkbox-inline label,
117 | .form-control-feedback {
118 | color: $brand-success;
119 | }
120 |
121 | .form-control,
122 | .form-control:focus,
123 | .input-group-addon {
124 | border-color: $brand-success;
125 | }
126 | }
127 |
128 | .input-group-addon {
129 | color: $text-color;
130 | }
131 |
132 | // Navs =======================================================================
133 |
134 | // Indicators =================================================================
135 |
136 | // Progress bars ==============================================================
137 |
138 | // Containers =================================================================
139 |
--------------------------------------------------------------------------------
/_sass/bootswatch/spacelab/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // Spacelab 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700" !default;
6 | @import url($web-font-path);
7 |
8 | @mixin btn-shadow($color){
9 | @include gradient-vertical-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%));
10 | filter: none;
11 | border: 1px solid darken($color, 10%);
12 | }
13 |
14 | // Navbar =====================================================================
15 |
16 | .navbar {
17 |
18 | @include btn-shadow($navbar-default-bg);
19 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
20 |
21 | &-inverse {
22 | @include btn-shadow($navbar-inverse-bg);
23 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
24 |
25 | .badge {
26 | background-color: #fff;
27 | color: $navbar-inverse-bg;
28 | }
29 | }
30 |
31 | .badge {
32 | text-shadow: none;
33 | }
34 |
35 | &-nav > li > a,
36 | &-nav > li > a:hover {
37 | padding-top: ($navbar-padding-vertical + 2px);
38 | padding-bottom: ($navbar-padding-vertical - 2px);
39 | @include transition(color ease-in-out .2s);
40 | }
41 |
42 | &-brand,
43 | &-brand:hover {
44 | @include transition(color ease-in-out .2s);
45 | }
46 |
47 | .caret,
48 | .caret:hover {
49 | @include transition(border-color ease-in-out .2s);
50 | }
51 |
52 | .dropdown-menu {
53 | text-shadow: none;
54 | }
55 | }
56 |
57 | // Buttons ====================================================================
58 |
59 | .btn {
60 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
61 |
62 | &-default {
63 | @include btn-shadow($btn-default-bg);
64 |
65 | &:hover {
66 | @include btn-shadow(darken($btn-default-bg, 4%));
67 | }
68 | }
69 |
70 | &-primary {
71 | @include btn-shadow($btn-primary-bg);
72 |
73 | &:hover {
74 | @include btn-shadow(darken($btn-primary-bg, 4%));
75 | }
76 | }
77 |
78 | &-success {
79 | @include btn-shadow($btn-success-bg);
80 |
81 | &:hover {
82 | @include btn-shadow(darken($btn-success-bg, 4%));
83 | }
84 | }
85 |
86 | &-info {
87 | @include btn-shadow($btn-info-bg);
88 |
89 | &:hover {
90 | @include btn-shadow(darken($btn-info-bg, 4%));
91 | }
92 | }
93 |
94 | &-warning {
95 | @include btn-shadow($btn-warning-bg);
96 |
97 | &:hover {
98 | @include btn-shadow(darken($btn-warning-bg, 4%));
99 | }
100 | }
101 |
102 | &-danger {
103 | @include btn-shadow($btn-danger-bg);
104 |
105 | &:hover {
106 | @include btn-shadow(darken($btn-danger-bg, 4%));
107 | }
108 | }
109 |
110 | &-link {
111 | text-shadow: none;
112 | }
113 |
114 | &:active,
115 | &.active {
116 | background-image: none;
117 | @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
118 | }
119 | }
120 |
121 | // Typography =================================================================
122 |
123 | // Tables =====================================================================
124 |
125 | // Forms ======================================================================
126 |
127 | // Navs =======================================================================
128 |
129 | // Indicators =================================================================
130 |
131 | // Progress bars ==============================================================
132 |
133 | // Containers =================================================================
134 |
135 | .panel {
136 |
137 | &-primary {
138 | .panel-title {
139 | color: #fff;
140 | }
141 | }
142 | }
--------------------------------------------------------------------------------
/_sass/bootswatch/united/_bootswatch.scss:
--------------------------------------------------------------------------------
1 | // United 3.3.7
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | $web-font-path: "https://fonts.googleapis.com/css?family=Ubuntu:400,700" !default;
6 | @import url($web-font-path);
7 |
8 | // Navbar =====================================================================
9 |
10 | .navbar {
11 |
12 | &-default {
13 |
14 | .badge {
15 | background-color: #fff;
16 | color: $navbar-default-bg;
17 | }
18 | }
19 |
20 | &-inverse {
21 |
22 | .badge {
23 | background-color: #fff;
24 | color: $navbar-inverse-bg;
25 | }
26 | }
27 | }
28 |
29 | @media (max-width: $grid-float-breakpoint-max) {
30 |
31 | .navbar {
32 |
33 | .dropdown-menu {
34 | a {
35 | color: #fff;
36 | }
37 | }
38 | }
39 | }
40 |
41 |
42 | // Buttons ====================================================================
43 |
44 | // Typography =================================================================
45 |
46 | // Tables =====================================================================
47 |
48 | // Forms ======================================================================
49 |
50 | // Navs =======================================================================
51 |
52 | // Indicators =================================================================
53 |
54 | // Progress bars ==============================================================
55 |
56 | // Containers =================================================================
--------------------------------------------------------------------------------
/about.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
21 |
--------------------------------------------------------------------------------
/allposts.html:
--------------------------------------------------------------------------------
1 | ---
2 | title: Blog
3 | layout: default
4 | sectionid: blog
5 | ---
6 |
7 |
8 |
9 |
10 |
All Posts {% for page in site.posts %}
11 |
12 | {{ page.title }} on {{ page.date | date: "%B %e, %Y" }} {% if page.author %} by {{ page.author }}{% endif %}
14 |
15 | {% endfor %}
16 |
17 |
Swagger UI
7 |
35 |
36 |
37 |
39 |
40 |
41 |
43 |
44 |
45 |
47 |
48 |
49 |
51 |
52 |
53 |
55 |
56 |
57 |
58 |
60 |
61 |
62 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
93 |
94 |
95 |
96 |
--------------------------------------------------------------------------------
/dist/oauth2-redirect.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
54 |
--------------------------------------------------------------------------------
/dist/swagger-ui-bundle.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"swagger-ui-bundle.js","sources":["webpack:///swagger-ui-bundle.js"],"mappings":"AAAA;;;;;AAoyKA;;;;;;AAm/EA;;;;;;;;;;;;;;;;;;;;;;;;;;AAs6TA;;;;;;;;;;;;;;AAs8JA;;;;;;;;;AAogpBA;;;;;AAk1QA;AAm4DA;;;;;;AAo4YA;;;;;;AA8jaA;AAumvBA","sourceRoot":""}
--------------------------------------------------------------------------------
/dist/swagger-ui-standalone-preset.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"swagger-ui-standalone-preset.js","sources":["webpack:///swagger-ui-standalone-preset.js"],"mappings":"AAAA;;;;;AA21CA;;;;;;AAspFA","sourceRoot":""}
--------------------------------------------------------------------------------
/dist/swagger-ui.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"swagger-ui.css","sources":[],"mappings":"","sourceRoot":""}
--------------------------------------------------------------------------------
/dist/swagger-ui.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"swagger-ui.js","sources":["webpack:///swagger-ui.js"],"mappings":"AAAA;;;;;;AA0/cA","sourceRoot":""}
--------------------------------------------------------------------------------
/dist/swagger_petstore.yml:
--------------------------------------------------------------------------------
1 | swagger: '2.0'
2 | info:
3 | version: 1.0.0
4 | title: Swagger Petstore
5 | description: >-
6 | Sample API that uses a petstore as an example to demonstrate features in
7 | the swagger-2.0 specification
8 | termsOfService: 'http://swagger.io/terms/'
9 | contact:
10 | name: Swagger API Team
11 | email: foo@example.com
12 | url: 'http://madskristensen.net'
13 | license:
14 | name: MIT
15 | url: 'http://github.com/gruntjs/grunt/blob/master/LICENSE-MIT'
16 | host: petstore.swagger.io
17 | basePath: /api
18 | schemes:
19 | - http
20 | consumes:
21 | - application/json
22 | produces:
23 | - application/json
24 | paths:
25 | /pets:
26 | get:
27 | description: >
28 | Returns all pets
29 | operationId: findPets
30 | parameters:
31 | - name: tags
32 | in: query
33 | description: tags to filter by
34 | required: false
35 | type: array
36 | collectionFormat: csv
37 | items:
38 | type: string
39 | - name: limit
40 | in: query
41 | description: maximum number of results to return
42 | required: false
43 | type: integer
44 | format: int32
45 | responses:
46 | '200':
47 | description: pet response
48 | schema:
49 | type: array
50 | items:
51 | $ref: '#/definitions/Pet'
52 | default:
53 | description: unexpected error
54 | schema:
55 | $ref: '#/definitions/Error'
56 | post:
57 | description: Creates a new pet in the store (duplicates are allowed)
58 | operationId: addPet
59 | parameters:
60 | - name: pet
61 | in: body
62 | description: Pet to add to the store
63 | required: true
64 | schema:
65 | $ref: '#/definitions/NewPet'
66 | responses:
67 | '200':
68 | description: pet response
69 | schema:
70 | $ref: '#/definitions/Pet'
71 | default:
72 | description: unexpected error
73 | schema:
74 | $ref: '#/definitions/Error'
75 | '/pets/{id}':
76 | get:
77 | description: >-
78 | Returns a pet based on ID
79 | operationId: find pet by id
80 | parameters:
81 | - name: id
82 | in: path
83 | description: ID of pet to fetch
84 | required: true
85 | type: integer
86 | format: int64
87 | responses:
88 | '200':
89 | description: pet response
90 | schema:
91 | $ref: '#/definitions/Pet'
92 | default:
93 | description: unexpected error
94 | schema:
95 | $ref: '#/definitions/Error'
96 | delete:
97 | description: Deletes a pet based on ID
98 | operationId: deletePet
99 | parameters:
100 | - name: id
101 | in: path
102 | description: ID of pet to delete
103 | required: true
104 | type: integer
105 | format: int64
106 | responses:
107 | '204':
108 | description: pet deleted
109 | default:
110 | description: unexpected error
111 | schema:
112 | $ref: '#/definitions/Error'
113 | definitions:
114 | Pet:
115 | type: object
116 | allOf:
117 | - $ref: '#/definitions/NewPet'
118 | - required:
119 | - id
120 | properties:
121 | id:
122 | type: integer
123 | format: int64
124 | NewPet:
125 | type: object
126 | required:
127 | - name
128 | properties:
129 | name:
130 | type: string
131 | tag:
132 | type: string
133 | Error:
134 | type: object
135 | required:
136 | - code
137 | - message
138 | properties:
139 | code:
140 | type: integer
141 | format: int32
142 | message:
143 | type: string
144 |
--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/favicon.ico
--------------------------------------------------------------------------------
/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/img/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/img/bg.jpg
--------------------------------------------------------------------------------
/img/cot_URLvalidate.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/img/cot_URLvalidate.jpg
--------------------------------------------------------------------------------
/img/cot_addURL.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/img/cot_addURL.jpg
--------------------------------------------------------------------------------
/img/logonav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/img/logonav.png
--------------------------------------------------------------------------------
/img/original_logonav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/img/original_logonav.png
--------------------------------------------------------------------------------
/img/settings_impl_cot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/launchany/mvp-template/9415843283a08d6b74ab9cde3b4d246a5e3c3348/img/settings_impl_cot.jpg
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
12 |
13 |
14 |
15 |
16 |
17 |
Replace all of the [prompts in brackets] with content that's specific to your API. When you've replaced all the bracketed prompts, you'll have the essentials documented sufficiently to help people use your API. If you want to work from a checklist, see the MVP checklist .
18 |
If something in this template doesn't make sense for your API, delete it! And likewise, add any sections you need based on your API's particulars. We hope our suggestions in this template will spark more ideas about documenting features of your API to help users consume it.
19 |
The template is written in Markdown , except this page, which is written in HTML. Some options for publishing are listed on the Publishing options page.
20 |
21 |
22 |
23 |
24 |
Don't forget to replace the text on this page with information about your API! It's the `index.html` file.
25 |
26 |
27 |
28 |
29 |
30 |
31 |
Workflows
32 |
These optimal workflows walk you through a few high-impact tasks you can accomplish with your API.
33 |
34 |
35 |
36 |
Code Samples
37 |
Check out these code samples for common use cases to get up and running with the API as quickly as possible.
38 |
39 |
40 |
41 |
Reference
42 |
Looking for endpoints? The reference section lists details for every endpoint in the API.
43 |
44 |
45 |