jekyll-theme-cs50 0.1.6 → 0.1.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/header.md +1 -0
- data/_layouts/page.html +51 -19
- data/_sass/jekyll-theme-cs50.scss +97 -60
- data/_sass/node_modules/bootstrap/LICENSE +22 -22
- data/_sass/node_modules/bootstrap/scss/_badge.scss +2 -1
- data/_sass/node_modules/bootstrap/scss/_buttons.scss +2 -5
- data/_sass/node_modules/bootstrap/scss/_card.scss +13 -34
- data/_sass/node_modules/bootstrap/scss/_carousel.scss +1 -2
- data/_sass/node_modules/bootstrap/scss/_close.scss +1 -4
- data/_sass/node_modules/bootstrap/scss/_code.scss +5 -5
- data/_sass/node_modules/bootstrap/scss/_custom-forms.scss +11 -11
- data/_sass/node_modules/bootstrap/scss/_dropdown.scss +20 -20
- data/_sass/node_modules/bootstrap/scss/_forms.scss +12 -16
- data/_sass/node_modules/bootstrap/scss/_functions.scss +3 -3
- data/_sass/node_modules/bootstrap/scss/_images.scss +1 -1
- data/_sass/node_modules/bootstrap/scss/_input-group.scss +3 -3
- data/_sass/node_modules/bootstrap/scss/_jumbotron.scss +1 -0
- data/_sass/node_modules/bootstrap/scss/_list-group.scss +33 -5
- data/_sass/node_modules/bootstrap/scss/_mixins.scss +6 -0
- data/_sass/node_modules/bootstrap/scss/_modal.scss +47 -4
- data/_sass/node_modules/bootstrap/scss/_navbar.scss +3 -8
- data/_sass/node_modules/bootstrap/scss/_pagination.scss +0 -5
- data/_sass/node_modules/bootstrap/scss/_popover.scss +46 -58
- data/_sass/node_modules/bootstrap/scss/_print.scss +1 -1
- data/_sass/node_modules/bootstrap/scss/_progress.scss +15 -6
- data/_sass/node_modules/bootstrap/scss/_reboot.scss +28 -7
- data/_sass/node_modules/bootstrap/scss/_spinners.scss +2 -0
- data/_sass/node_modules/bootstrap/scss/_tables.scss +3 -5
- data/_sass/node_modules/bootstrap/scss/_toasts.scss +3 -2
- data/_sass/node_modules/bootstrap/scss/_tooltip.scss +1 -1
- data/_sass/node_modules/bootstrap/scss/_transitions.scss +0 -2
- data/_sass/node_modules/bootstrap/scss/_type.scss +15 -15
- data/_sass/node_modules/bootstrap/scss/_utilities.scss +1 -0
- data/_sass/node_modules/bootstrap/scss/_variables.scss +129 -97
- data/_sass/node_modules/bootstrap/scss/bootstrap-grid.scss +3 -3
- data/_sass/node_modules/bootstrap/scss/bootstrap-reboot.scss +3 -3
- data/_sass/node_modules/bootstrap/scss/bootstrap.scss +3 -3
- data/_sass/node_modules/bootstrap/scss/mixins/_badge.scss +6 -0
- data/_sass/node_modules/bootstrap/scss/mixins/_border-radius.scss +29 -1
- data/_sass/node_modules/bootstrap/scss/mixins/_box-shadow.scss +16 -1
- data/_sass/node_modules/bootstrap/scss/mixins/_buttons.scss +3 -7
- data/_sass/node_modules/bootstrap/scss/mixins/_caret.scss +4 -4
- data/_sass/node_modules/bootstrap/scss/mixins/_deprecate.scss +10 -0
- data/_sass/node_modules/bootstrap/scss/mixins/_float.scss +3 -0
- data/_sass/node_modules/bootstrap/scss/mixins/_forms.scss +8 -14
- data/_sass/node_modules/bootstrap/scss/mixins/_image.scss +2 -2
- data/_sass/node_modules/bootstrap/scss/mixins/_pagination.scss +1 -1
- data/_sass/node_modules/bootstrap/scss/mixins/_reset-text.scss +1 -1
- data/_sass/node_modules/bootstrap/scss/mixins/_size.scss +1 -0
- data/_sass/node_modules/bootstrap/scss/mixins/_text-emphasis.scss +5 -3
- data/_sass/node_modules/bootstrap/scss/mixins/_text-hide.scss +1 -3
- data/_sass/node_modules/bootstrap/scss/mixins/_transition.scss +1 -1
- data/_sass/node_modules/bootstrap/scss/mixins/_visibility.scss +1 -0
- data/_sass/node_modules/bootstrap/scss/utilities/_borders.scss +13 -1
- data/_sass/node_modules/bootstrap/scss/utilities/_display.scss +6 -18
- data/_sass/node_modules/bootstrap/scss/utilities/_float.scss +5 -3
- data/_sass/node_modules/bootstrap/scss/utilities/_stretched-link.scss +19 -0
- data/_sass/node_modules/bootstrap/scss/utilities/_text.scss +6 -1
- data/_sass/node_modules/bootstrap/scss/utilities/_visibility.scss +4 -2
- data/_sass/node_modules/bootstrap/scss/vendor/_rfs.scss +204 -0
- data/_sass/package.json +2 -2
- metadata +21 -47
- data/_includes/aside.html +0 -24
- data/_includes/main.html +0 -5
@@ -50,17 +50,51 @@
|
|
50
50
|
}
|
51
51
|
}
|
52
52
|
|
53
|
+
.modal-dialog-scrollable {
|
54
|
+
display: flex; // IE10/11
|
55
|
+
max-height: calc(100% - #{$modal-dialog-margin * 2});
|
56
|
+
|
57
|
+
.modal-content {
|
58
|
+
max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11
|
59
|
+
overflow: hidden;
|
60
|
+
}
|
61
|
+
|
62
|
+
.modal-header,
|
63
|
+
.modal-footer {
|
64
|
+
flex-shrink: 0;
|
65
|
+
}
|
66
|
+
|
67
|
+
.modal-body {
|
68
|
+
overflow-y: auto;
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
53
72
|
.modal-dialog-centered {
|
54
73
|
display: flex;
|
55
74
|
align-items: center;
|
56
|
-
min-height: calc(100% -
|
75
|
+
min-height: calc(100% - #{$modal-dialog-margin * 2});
|
57
76
|
|
58
77
|
// Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
|
59
78
|
&::before {
|
60
79
|
display: block; // IE10
|
61
|
-
height: calc(100vh -
|
80
|
+
height: calc(100vh - #{$modal-dialog-margin * 2});
|
62
81
|
content: "";
|
63
82
|
}
|
83
|
+
|
84
|
+
// Ensure `.modal-body` shows scrollbar (IE10/11)
|
85
|
+
&.modal-dialog-scrollable {
|
86
|
+
flex-direction: column;
|
87
|
+
justify-content: center;
|
88
|
+
height: 100%;
|
89
|
+
|
90
|
+
.modal-content {
|
91
|
+
max-height: none;
|
92
|
+
}
|
93
|
+
|
94
|
+
&::before {
|
95
|
+
content: none;
|
96
|
+
}
|
97
|
+
}
|
64
98
|
}
|
65
99
|
|
66
100
|
// Actual modal
|
@@ -70,6 +104,7 @@
|
|
70
104
|
flex-direction: column;
|
71
105
|
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
|
72
106
|
// counteract the pointer-events: none; in the .modal-dialog
|
107
|
+
color: $modal-content-color;
|
73
108
|
pointer-events: auto;
|
74
109
|
background-color: $modal-content-bg;
|
75
110
|
background-clip: padding-box;
|
@@ -159,11 +194,19 @@
|
|
159
194
|
margin: $modal-dialog-margin-y-sm-up auto;
|
160
195
|
}
|
161
196
|
|
197
|
+
.modal-dialog-scrollable {
|
198
|
+
max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
|
199
|
+
|
200
|
+
.modal-content {
|
201
|
+
max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
|
202
|
+
}
|
203
|
+
}
|
204
|
+
|
162
205
|
.modal-dialog-centered {
|
163
|
-
min-height: calc(100% -
|
206
|
+
min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
|
164
207
|
|
165
208
|
&::before {
|
166
|
-
height: calc(100vh -
|
209
|
+
height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
|
167
210
|
}
|
168
211
|
}
|
169
212
|
|
@@ -44,7 +44,7 @@
|
|
44
44
|
padding-top: $navbar-brand-padding-y;
|
45
45
|
padding-bottom: $navbar-brand-padding-y;
|
46
46
|
margin-right: $navbar-padding-x;
|
47
|
-
font-size
|
47
|
+
@include font-size($navbar-brand-font-size);
|
48
48
|
line-height: inherit;
|
49
49
|
white-space: nowrap;
|
50
50
|
|
@@ -107,7 +107,7 @@
|
|
107
107
|
// Button for toggling the navbar when in its collapsed state
|
108
108
|
.navbar-toggler {
|
109
109
|
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
|
110
|
-
font-size
|
110
|
+
@include font-size($navbar-toggler-font-size);
|
111
111
|
line-height: 1;
|
112
112
|
background-color: transparent; // remove default button style
|
113
113
|
border: $border-width solid transparent; // remove default button style
|
@@ -116,11 +116,6 @@
|
|
116
116
|
@include hover-focus {
|
117
117
|
text-decoration: none;
|
118
118
|
}
|
119
|
-
|
120
|
-
// Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
|
121
|
-
&:not(:disabled):not(.disabled) {
|
122
|
-
cursor: pointer;
|
123
|
-
}
|
124
119
|
}
|
125
120
|
|
126
121
|
// Keep as a separate element so folks can easily override it with another icon
|
@@ -175,7 +170,7 @@
|
|
175
170
|
}
|
176
171
|
|
177
172
|
.navbar-collapse {
|
178
|
-
display: flex !important;
|
173
|
+
display: flex !important; // stylelint-disable-line declaration-no-important
|
179
174
|
|
180
175
|
// Changes flex-bases to auto because of an IE10 bug
|
181
176
|
flex-basis: auto;
|
@@ -8,7 +8,7 @@
|
|
8
8
|
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
9
9
|
// So reset our font and text properties to avoid inheriting weird values.
|
10
10
|
@include reset-text();
|
11
|
-
font-size
|
11
|
+
@include font-size($popover-font-size);
|
12
12
|
// Allow breaking very long words so they don't overflow the popover's bounds
|
13
13
|
word-wrap: break-word;
|
14
14
|
background-color: $popover-bg;
|
@@ -38,72 +38,63 @@
|
|
38
38
|
.bs-popover-top {
|
39
39
|
margin-bottom: $popover-arrow-height;
|
40
40
|
|
41
|
-
.arrow {
|
41
|
+
> .arrow {
|
42
42
|
bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
43
|
-
}
|
44
43
|
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
.arrow::before {
|
51
|
-
bottom: 0;
|
52
|
-
border-top-color: $popover-arrow-outer-color;
|
53
|
-
}
|
44
|
+
&::before {
|
45
|
+
bottom: 0;
|
46
|
+
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
47
|
+
border-top-color: $popover-arrow-outer-color;
|
48
|
+
}
|
54
49
|
|
55
|
-
|
56
|
-
|
57
|
-
|
50
|
+
&::after {
|
51
|
+
bottom: $popover-border-width;
|
52
|
+
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
53
|
+
border-top-color: $popover-arrow-color;
|
54
|
+
}
|
58
55
|
}
|
59
56
|
}
|
60
57
|
|
61
58
|
.bs-popover-right {
|
62
59
|
margin-left: $popover-arrow-height;
|
63
60
|
|
64
|
-
.arrow {
|
61
|
+
> .arrow {
|
65
62
|
left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
66
63
|
width: $popover-arrow-height;
|
67
64
|
height: $popover-arrow-width;
|
68
65
|
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
69
|
-
}
|
70
|
-
|
71
|
-
.arrow::before,
|
72
|
-
.arrow::after {
|
73
|
-
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
74
|
-
}
|
75
66
|
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
67
|
+
&::before {
|
68
|
+
left: 0;
|
69
|
+
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
70
|
+
border-right-color: $popover-arrow-outer-color;
|
71
|
+
}
|
80
72
|
|
81
|
-
|
82
|
-
|
83
|
-
|
73
|
+
&::after {
|
74
|
+
left: $popover-border-width;
|
75
|
+
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
76
|
+
border-right-color: $popover-arrow-color;
|
77
|
+
}
|
84
78
|
}
|
85
79
|
}
|
86
80
|
|
87
81
|
.bs-popover-bottom {
|
88
82
|
margin-top: $popover-arrow-height;
|
89
83
|
|
90
|
-
.arrow {
|
84
|
+
> .arrow {
|
91
85
|
top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
92
|
-
}
|
93
|
-
|
94
|
-
.arrow::before,
|
95
|
-
.arrow::after {
|
96
|
-
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
97
|
-
}
|
98
86
|
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
87
|
+
&::before {
|
88
|
+
top: 0;
|
89
|
+
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
90
|
+
border-bottom-color: $popover-arrow-outer-color;
|
91
|
+
}
|
103
92
|
|
104
|
-
|
105
|
-
|
106
|
-
|
93
|
+
&::after {
|
94
|
+
top: $popover-border-width;
|
95
|
+
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
96
|
+
border-bottom-color: $popover-arrow-color;
|
97
|
+
}
|
107
98
|
}
|
108
99
|
|
109
100
|
// This will remove the popover-header's border just below the arrow
|
@@ -122,26 +113,23 @@
|
|
122
113
|
.bs-popover-left {
|
123
114
|
margin-right: $popover-arrow-height;
|
124
115
|
|
125
|
-
.arrow {
|
116
|
+
> .arrow {
|
126
117
|
right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
127
118
|
width: $popover-arrow-height;
|
128
119
|
height: $popover-arrow-width;
|
129
120
|
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
130
|
-
}
|
131
|
-
|
132
|
-
.arrow::before,
|
133
|
-
.arrow::after {
|
134
|
-
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
135
|
-
}
|
136
121
|
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
122
|
+
&::before {
|
123
|
+
right: 0;
|
124
|
+
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
125
|
+
border-left-color: $popover-arrow-outer-color;
|
126
|
+
}
|
141
127
|
|
142
|
-
|
143
|
-
|
144
|
-
|
128
|
+
&::after {
|
129
|
+
right: $popover-border-width;
|
130
|
+
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
131
|
+
border-left-color: $popover-arrow-color;
|
132
|
+
}
|
145
133
|
}
|
146
134
|
}
|
147
135
|
|
@@ -165,7 +153,7 @@
|
|
165
153
|
.popover-header {
|
166
154
|
padding: $popover-header-padding-y $popover-header-padding-x;
|
167
155
|
margin-bottom: 0; // Reset the default from Reboot
|
168
|
-
font-size
|
156
|
+
@include font-size($font-size-base);
|
169
157
|
color: $popover-header-color;
|
170
158
|
background-color: $popover-header-bg;
|
171
159
|
border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
|
@@ -51,7 +51,7 @@
|
|
51
51
|
}
|
52
52
|
pre,
|
53
53
|
blockquote {
|
54
|
-
border: $border-width solid $gray-500;
|
54
|
+
border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
|
55
55
|
page-break-inside: avoid;
|
56
56
|
}
|
57
57
|
|
@@ -1,13 +1,16 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
// Disable animation if transitions are disabled
|
2
|
+
@if $enable-transitions {
|
3
|
+
@keyframes progress-bar-stripes {
|
4
|
+
from { background-position: $progress-height 0; }
|
5
|
+
to { background-position: 0 0; }
|
6
|
+
}
|
4
7
|
}
|
5
8
|
|
6
9
|
.progress {
|
7
10
|
display: flex;
|
8
11
|
height: $progress-height;
|
9
12
|
overflow: hidden; // force rounded corners by cropping it
|
10
|
-
font-size
|
13
|
+
@include font-size($progress-font-size);
|
11
14
|
background-color: $progress-bg;
|
12
15
|
@include border-radius($progress-border-radius);
|
13
16
|
@include box-shadow($progress-box-shadow);
|
@@ -29,6 +32,12 @@
|
|
29
32
|
background-size: $progress-height $progress-height;
|
30
33
|
}
|
31
34
|
|
32
|
-
|
33
|
-
|
35
|
+
@if $enable-transitions {
|
36
|
+
.progress-bar-animated {
|
37
|
+
animation: progress-bar-stripes $progress-bar-animation-timing;
|
38
|
+
|
39
|
+
@media (prefers-reduced-motion: reduce) {
|
40
|
+
animation: none;
|
41
|
+
}
|
42
|
+
}
|
34
43
|
}
|
@@ -46,7 +46,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
|
46
46
|
body {
|
47
47
|
margin: 0; // 1
|
48
48
|
font-family: $font-family-base;
|
49
|
-
font-size
|
49
|
+
@include font-size($font-size-base);
|
50
50
|
font-weight: $font-weight-base;
|
51
51
|
line-height: $line-height-base;
|
52
52
|
color: $body-color;
|
@@ -155,7 +155,7 @@ strong {
|
|
155
155
|
}
|
156
156
|
|
157
157
|
small {
|
158
|
-
font-size
|
158
|
+
@include font-size(80%); // Add the correct font size in all browsers
|
159
159
|
}
|
160
160
|
|
161
161
|
//
|
@@ -166,7 +166,7 @@ small {
|
|
166
166
|
sub,
|
167
167
|
sup {
|
168
168
|
position: relative;
|
169
|
-
font-size
|
169
|
+
@include font-size(75%);
|
170
170
|
line-height: 0;
|
171
171
|
vertical-align: baseline;
|
172
172
|
}
|
@@ -220,7 +220,7 @@ code,
|
|
220
220
|
kbd,
|
221
221
|
samp {
|
222
222
|
font-family: $font-family-monospace;
|
223
|
-
font-size
|
223
|
+
@include font-size(1em); // Correct the odd `em` font sizing in all browsers.
|
224
224
|
}
|
225
225
|
|
226
226
|
pre {
|
@@ -297,6 +297,7 @@ label {
|
|
297
297
|
//
|
298
298
|
// Details at https://github.com/twbs/bootstrap/issues/24093
|
299
299
|
button {
|
300
|
+
// stylelint-disable-next-line property-blacklist
|
300
301
|
border-radius: 0;
|
301
302
|
}
|
302
303
|
|
@@ -316,7 +317,7 @@ optgroup,
|
|
316
317
|
textarea {
|
317
318
|
margin: 0; // Remove the margin in Firefox and Safari
|
318
319
|
font-family: inherit;
|
319
|
-
font-size
|
320
|
+
@include font-size(inherit);
|
320
321
|
line-height: inherit;
|
321
322
|
}
|
322
323
|
|
@@ -330,6 +331,14 @@ select {
|
|
330
331
|
text-transform: none; // Remove the inheritance of text transform in Firefox
|
331
332
|
}
|
332
333
|
|
334
|
+
// Remove the inheritance of word-wrap in Safari.
|
335
|
+
//
|
336
|
+
// Details at https://github.com/twbs/bootstrap/issues/24990
|
337
|
+
select {
|
338
|
+
word-wrap: normal;
|
339
|
+
}
|
340
|
+
|
341
|
+
|
333
342
|
// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
334
343
|
// controls in Android 4.
|
335
344
|
// 2. Correct the inability to style clickable types in iOS and Safari.
|
@@ -340,6 +349,18 @@ button,
|
|
340
349
|
-webkit-appearance: button; // 2
|
341
350
|
}
|
342
351
|
|
352
|
+
// Opinionated: add "hand" cursor to non-disabled button elements.
|
353
|
+
@if $enable-pointer-cursor-for-buttons {
|
354
|
+
button,
|
355
|
+
[type="button"],
|
356
|
+
[type="reset"],
|
357
|
+
[type="submit"] {
|
358
|
+
&:not(:disabled) {
|
359
|
+
cursor: pointer;
|
360
|
+
}
|
361
|
+
}
|
362
|
+
}
|
363
|
+
|
343
364
|
// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
|
344
365
|
button::-moz-focus-inner,
|
345
366
|
[type="button"]::-moz-focus-inner,
|
@@ -395,7 +416,7 @@ legend {
|
|
395
416
|
max-width: 100%; // 1
|
396
417
|
padding: 0;
|
397
418
|
margin-bottom: .5rem;
|
398
|
-
font-size
|
419
|
+
@include font-size(1.5rem);
|
399
420
|
line-height: inherit;
|
400
421
|
color: inherit; // 2
|
401
422
|
white-space: normal; // 1
|
@@ -421,7 +442,7 @@ progress {
|
|
421
442
|
}
|
422
443
|
|
423
444
|
//
|
424
|
-
// Remove the inner padding
|
445
|
+
// Remove the inner padding in Chrome and Safari on macOS.
|
425
446
|
//
|
426
447
|
|
427
448
|
[type="search"]::-webkit-search-decoration {
|