Skip to content

Commit c60c098

Browse files
committed
add the bootstrap-sncf files
1 parent b815f58 commit c60c098

File tree

116 files changed

+11902
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

116 files changed

+11902
-0
lines changed
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
// stylelint-disable declaration-no-important, selector-max-id
2+
3+
//
4+
// Carbon ads
5+
//
6+
7+
#carbonads {
8+
position: static;
9+
display: block;
10+
max-width: 400px;
11+
padding: 15px 15px 15px 160px;
12+
margin: 2rem 0;
13+
overflow: hidden;
14+
font-size: 13px;
15+
line-height: 1.4;
16+
text-align: left;
17+
background-color: rgba(0, 0, 0, .05);
18+
19+
a {
20+
color: #333;
21+
text-decoration: none;
22+
}
23+
24+
@include media-breakpoint-up(sm) {
25+
max-width: 330px;
26+
border-radius: 4px;
27+
}
28+
}
29+
30+
.carbon-img {
31+
float: left;
32+
margin-left: -145px;
33+
}
34+
35+
.carbon-poweredby {
36+
display: block;
37+
color: #777 !important;
38+
}
Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
/* Search input */
2+
.algolia-autocomplete {
3+
display: block;
4+
flex: 1;
5+
width: 100%;
6+
7+
.algolia-docsearch-suggestion,
8+
.ds-dropdown-menu::before {
9+
background-color: $algolia-bg;
10+
}
11+
}
12+
13+
/* Main dropdown wrapper */
14+
.algolia-autocomplete .ds-dropdown-menu {
15+
margin-top: 1rem;
16+
background-color: $algolia-bg;
17+
border: $algolia-border-color solid 1px;
18+
border-radius: $border-radius;
19+
box-shadow: none;
20+
21+
[class^="ds-dataset-"] {
22+
background-color: $algolia-bg;
23+
border: none;
24+
border-radius: $border-radius;
25+
box-shadow: none;
26+
}
27+
28+
/* stylelint-disable selector-max-class, selector-max-compound-selectors */
29+
.ds-suggestion.ds-cursor .algolia-docsearch-suggestion {
30+
&.suggestion-layout-simple,
31+
&:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content {
32+
background-color: $algolia-hover-bg;
33+
}
34+
}
35+
/* stylelint-enable selector-max-class, selector-max-compound-selectors */
36+
}
37+
38+
@include media-breakpoint-down(sm) {
39+
.algolia-autocomplete .ds-dropdown-menu {
40+
min-width: 0;
41+
}
42+
}
43+
44+
/* Main category (eg. Getting Started) */
45+
.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
46+
align-items: center;
47+
margin-bottom: rem(14px);
48+
font-size: $font-size-xs;
49+
font-weight: 500;
50+
color: $algolia-header-color;
51+
text-transform: uppercase;
52+
border: none;
53+
}
54+
55+
/* Category (eg. Downloads) */
56+
.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
57+
color: $algolia-column-color;
58+
}
59+
60+
/* Title (eg. Bootstrap CDN) */
61+
.algolia-autocomplete .algolia-docsearch-suggestion--title {
62+
font-size: 1rem;
63+
font-weight: 600;
64+
color: $algolia-title-color;
65+
}
66+
67+
/* Description description (eg. Bootstrap currently works...) */
68+
.algolia-autocomplete .algolia-docsearch-suggestion--text {
69+
font-size: .9rem;
70+
font-weight: 400;
71+
color: $algolia-text-color;
72+
}
73+
74+
/* Highlighted text */
75+
.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
76+
color: $algolia-highlight-color;
77+
}
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.anchorjs-link {
2+
font-weight: 400;
3+
color: rgba($link-color, .5);
4+
transition: color .16s linear;
5+
6+
&:hover {
7+
color: $link-color;
8+
text-decoration: none;
9+
}
10+
}
Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
// stylelint-disable no-duplicate-selectors
2+
3+
//
4+
// Brand guidelines
5+
//
6+
7+
// Logo series wrapper
8+
.bd-brand-logos {
9+
display: table;
10+
width: 100%;
11+
margin-bottom: 1rem;
12+
overflow: hidden;
13+
color: #563d7c;
14+
background-color: #f9f9f9;
15+
border-radius: .25rem;
16+
}
17+
18+
// Individual items
19+
.bd-brand-item {
20+
padding: 4rem 0;
21+
text-align: center;
22+
}
23+
.bd-brand-item + .bd-brand-item {
24+
border-top: 1px solid #fff;
25+
}
26+
.bd-brand-logos .inverse {
27+
color: #fff;
28+
background-color: #563d7c;
29+
}
30+
31+
// Heading content within
32+
.bd-brand-item h1,
33+
.bd-brand-item h3 {
34+
margin-top: 0;
35+
margin-bottom: 0;
36+
}
37+
.bd-brand-item .bd-booticon {
38+
margin-right: auto;
39+
margin-left: auto;
40+
}
41+
42+
// Make the icons stand out on what is/isn't okay
43+
// .bd-brand-item .glyphicon {
44+
// width: 30px;
45+
// height: 30px;
46+
// margin: 10px auto -10px;
47+
// line-height: 30px;
48+
// color: #fff;
49+
// border-radius: 50%;
50+
// }
51+
// .bd-brand-item .glyphicon-ok {
52+
// background-color: #5cb85c;
53+
// }
54+
// .bd-brand-item .glyphicon-remove {
55+
// background-color: #d9534f;
56+
// }
57+
58+
@media (min-width: 768px) {
59+
.bd-brand-item {
60+
display: table-cell;
61+
width: 1%;
62+
}
63+
.bd-brand-item + .bd-brand-item {
64+
border-top: 0;
65+
border-left: 1px solid #fff;
66+
}
67+
.bd-brand-item h1 {
68+
font-size: 4rem;
69+
}
70+
}
71+
72+
73+
//
74+
// Color swatches
75+
//
76+
77+
.color-swatches {
78+
margin: 0 -5px;
79+
overflow: hidden; // clearfix
80+
}
81+
82+
.color-swatch {
83+
float: left;
84+
width: 4rem;
85+
height: 4rem;
86+
margin-right: .25rem;
87+
margin-left: .25rem;
88+
border-radius: .25rem;
89+
90+
@media (min-width: 768px) {
91+
width: 6rem;
92+
height: 6rem;
93+
}
94+
}
95+
96+
// Docs colors
97+
.color-swatches {
98+
.bd-purple {
99+
background-color: $bd-purple;
100+
}
101+
.bd-purple-light {
102+
background-color: $bd-purple-light;
103+
}
104+
.bd-purple-lighter {
105+
background-color: #e5e1ea;
106+
}
107+
.bd-gray {
108+
background-color: #f9f9f9;
109+
}
110+
}
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
// Wall of Browser Bugs
2+
//
3+
// Better display for the responsive table on the Wall of Browser Bugs.
4+
5+
.bd-browser-bugs {
6+
td p {
7+
margin-bottom: 0;
8+
}
9+
th:first-child {
10+
width: 18%;
11+
}
12+
}
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
// Buttons
2+
//
3+
// Custom buttons for the docs.
4+
5+
.btn-bd-primary {
6+
font-weight: 500;
7+
color: $bd-purple-bright;
8+
border-color: $bd-purple-bright;
9+
10+
&:hover,
11+
&:active {
12+
color: #fff;
13+
background-color: $bd-purple-bright;
14+
border-color: $bd-purple-bright;
15+
}
16+
}
17+
18+
.btn-bd-download {
19+
font-weight: 500;
20+
color: $bd-download;
21+
border-color: $bd-download;
22+
23+
&:hover,
24+
&:active {
25+
color: $bd-dark;
26+
background-color: $bd-download;
27+
border-color: $bd-download;
28+
}
29+
}
Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
//
2+
// Callouts
3+
//
4+
5+
.bd-callout {
6+
padding: 1.25rem;
7+
margin-top: 1.25rem;
8+
margin-bottom: 1.25rem;
9+
background-color: $doc-callout-bg;
10+
border: 1px solid $doc-callout-border-color;
11+
border-left-width: .25rem;
12+
border-radius: .25rem;
13+
}
14+
15+
.bd-callout h4 {
16+
margin-top: 0;
17+
margin-bottom: .25rem;
18+
}
19+
20+
.bd-callout p:last-child {
21+
margin-bottom: 0;
22+
}
23+
24+
.bd-callout code {
25+
border-radius: .25rem;
26+
}
27+
28+
.bd-callout + .bd-callout {
29+
margin-top: -.25rem;
30+
}
31+
32+
// Variations
33+
@mixin bs-callout-variant($color) {
34+
border-left-color: $color;
35+
36+
h4 { color: $color; }
37+
}
38+
39+
.bd-callout-info { @include bs-callout-variant($bd-info); }
40+
.bd-callout-warning { @include bs-callout-variant($bd-warning); }
41+
.bd-callout-danger { @include bs-callout-variant($bd-danger); }
Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
// clipboard.js
2+
//
3+
// JS-based `Copy` & `Hide source` buttons for code snippets
4+
5+
.bd-clipboard {
6+
position: relative;
7+
display: none;
8+
padding: .5rem;
9+
text-align: right;
10+
11+
+ .highlight {
12+
margin-top: 0;
13+
}
14+
}
15+
16+
.bd-clipboard-bg-light {
17+
background-color: $bd-clipboard-bg-light;
18+
}
19+
20+
.btn-hide-source,
21+
.btn-show-source {
22+
position: relative;
23+
z-index: 1;
24+
display: inline-block;
25+
padding: .25rem 1rem;
26+
font-size: 75%;
27+
color: $body-color;
28+
cursor: pointer;
29+
background-color: transparent;
30+
border: 0;
31+
32+
&:hover {
33+
opacity: .7;
34+
}
35+
36+
}
37+
.btn-clipboard {
38+
position: relative;
39+
z-index: 1;
40+
display: inline-block;
41+
padding: .25rem 1rem;
42+
font-size: 75%;
43+
cursor: pointer;
44+
border: 0;
45+
border-radius: .25rem;
46+
}
47+
48+
@media (min-width: 768px) {
49+
.bd-clipboard {
50+
display: block;
51+
}
52+
}

0 commit comments

Comments
 (0)