jekyll-any-theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +52 -0
- data/_includes/api/example.html +23 -0
- data/_includes/api/get.html +11 -0
- data/_includes/api/save.html +1 -0
- data/_includes/components/alert.html +7 -0
- data/_includes/components/blockquote.html +23 -0
- data/_includes/components/bootstrap.html +245 -0
- data/_includes/components/card.html +85 -0
- data/_includes/components/lead.html +1 -0
- data/_includes/components/login.html +28 -0
- data/_includes/components/navbar_link.html +3 -0
- data/_includes/components/navbar_text.html +3 -0
- data/_includes/components/page_info.html +48 -0
- data/_includes/components/toc.html +18 -0
- data/_includes/filters/link_to_file.html +26 -0
- data/_includes/filters/unslug.html +17 -0
- data/_includes/page/end.html +2 -0
- data/_includes/page/footer.html +26 -0
- data/_includes/page/head.html +28 -0
- data/_includes/page/header.html +7 -0
- data/_includes/page/init.html +17 -0
- data/_includes/page/main.html +44 -0
- data/_includes/page/navbar.html +69 -0
- data/_includes/page/sidebar.html +6 -0
- data/_includes/page/top.html +27 -0
- data/_includes/tempus/calendar.html +26 -0
- data/_includes/tempus/events.html +72 -0
- data/_includes/tempus/next.html +73 -0
- data/_includes/widgets/libros.html +183 -0
- data/_includes/widgets/themes.html +11 -0
- data/_includes/widgets/toc.html +18 -0
- data/_layouts/default.html +8 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_sass/_any_theme.sass +54 -0
- data/_sass/any_theme/_corrections.sass +71 -0
- data/_sass/any_theme/_headings.sass +13 -0
- data/_sass/any_theme/_mixins.sass +11 -0
- data/_sass/any_theme/_syntax_blood.scss +310 -0
- data/_sass/any_theme/_syntax_dark.scss +63 -0
- data/_sass/any_theme/_syntax_default.scss +310 -0
- data/_sass/any_theme/_toc.sass +4 -0
- data/_sass/any_theme/_widgets.sass +48 -0
- data/_sass/bootstrap/_alert.scss +51 -0
- data/_sass/bootstrap/_badge.scss +47 -0
- data/_sass/bootstrap/_breadcrumb.scss +38 -0
- data/_sass/bootstrap/_button-group.scss +166 -0
- data/_sass/bootstrap/_buttons.scss +143 -0
- data/_sass/bootstrap/_card.scss +270 -0
- data/_sass/bootstrap/_carousel.scss +191 -0
- data/_sass/bootstrap/_close.scss +34 -0
- data/_sass/bootstrap/_code.scss +56 -0
- data/_sass/bootstrap/_custom-forms.scss +297 -0
- data/_sass/bootstrap/_dropdown.scss +131 -0
- data/_sass/bootstrap/_forms.scss +333 -0
- data/_sass/bootstrap/_functions.scss +86 -0
- data/_sass/bootstrap/_grid.scss +52 -0
- data/_sass/bootstrap/_images.scss +42 -0
- data/_sass/bootstrap/_input-group.scss +159 -0
- data/_sass/bootstrap/_jumbotron.scss +16 -0
- data/_sass/bootstrap/_list-group.scss +115 -0
- data/_sass/bootstrap/_media.scss +8 -0
- data/_sass/bootstrap/_mixins.scss +42 -0
- data/_sass/bootstrap/_modal.scss +168 -0
- data/_sass/bootstrap/_nav.scss +118 -0
- data/_sass/bootstrap/_navbar.scss +311 -0
- data/_sass/bootstrap/_pagination.scss +77 -0
- data/_sass/bootstrap/_popover.scss +183 -0
- data/_sass/bootstrap/_print.scss +124 -0
- data/_sass/bootstrap/_progress.scss +33 -0
- data/_sass/bootstrap/_reboot.scss +482 -0
- data/_sass/bootstrap/_root.scss +19 -0
- data/_sass/bootstrap/_tables.scss +180 -0
- data/_sass/bootstrap/_tooltip.scss +115 -0
- data/_sass/bootstrap/_transitions.scss +36 -0
- data/_sass/bootstrap/_type.scss +125 -0
- data/_sass/bootstrap/_utilities.scss +14 -0
- data/_sass/bootstrap/_variables.scss +894 -0
- data/_sass/bootstrap/bootstrap-grid.scss +32 -0
- data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
- data/_sass/bootstrap/bootstrap.scss +42 -0
- data/_sass/bootstrap/mixins/_alert.scss +13 -0
- data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
- data/_sass/bootstrap/mixins/_badge.scss +12 -0
- data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
- data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
- data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
- data/_sass/bootstrap/mixins/_buttons.scss +109 -0
- data/_sass/bootstrap/mixins/_caret.scss +65 -0
- data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
- data/_sass/bootstrap/mixins/_float.scss +11 -0
- data/_sass/bootstrap/mixins/_forms.scss +137 -0
- data/_sass/bootstrap/mixins/_gradients.scss +45 -0
- data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
- data/_sass/bootstrap/mixins/_grid.scss +52 -0
- data/_sass/bootstrap/mixins/_hover.scss +39 -0
- data/_sass/bootstrap/mixins/_image.scss +36 -0
- data/_sass/bootstrap/mixins/_list-group.scss +21 -0
- data/_sass/bootstrap/mixins/_lists.scss +7 -0
- data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
- data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
- data/_sass/bootstrap/mixins/_pagination.scss +22 -0
- data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
- data/_sass/bootstrap/mixins/_resize.scss +6 -0
- data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
- data/_sass/bootstrap/mixins/_size.scss +6 -0
- data/_sass/bootstrap/mixins/_table-row.scss +30 -0
- data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
- data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
- data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
- data/_sass/bootstrap/mixins/_transition.scss +9 -0
- data/_sass/bootstrap/mixins/_visibility.scss +7 -0
- data/_sass/bootstrap/utilities/_align.scss +8 -0
- data/_sass/bootstrap/utilities/_background.scss +19 -0
- data/_sass/bootstrap/utilities/_borders.scss +59 -0
- data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
- data/_sass/bootstrap/utilities/_display.scss +38 -0
- data/_sass/bootstrap/utilities/_embed.scss +52 -0
- data/_sass/bootstrap/utilities/_flex.scss +46 -0
- data/_sass/bootstrap/utilities/_float.scss +9 -0
- data/_sass/bootstrap/utilities/_position.scss +36 -0
- data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
- data/_sass/bootstrap/utilities/_sizing.scss +12 -0
- data/_sass/bootstrap/utilities/_spacing.scss +51 -0
- data/_sass/bootstrap/utilities/_text.scss +52 -0
- data/_sass/bootstrap/utilities/_visibility.scss +11 -0
- data/assets/css/basic_light_sans.sass +71 -0
- data/assets/css_no/basic_dark_sans.sass +114 -0
- data/assets/css_no/basic_dark_serif.sass +114 -0
- data/assets/css_no/basic_light_serif.sass +69 -0
- data/assets/css_no/bootstrap.sass +44 -0
- data/assets/css_no/dark_additions.sass +74 -0
- data/assets/css_no/dnd.sass +188 -0
- data/assets/css_no/gurps.sass +70 -0
- data/assets/css_no/minidark.sass +177 -0
- data/assets/css_no/minimal.sass +139 -0
- data/assets/css_no/roboto_dark.sass +324 -0
- data/assets/css_no/roboto_light.sass +275 -0
- data/assets/fonts/scala/fonts.scss +59 -0
- data/assets/fonts/scala/scala-bold-webfont.eot +0 -0
- data/assets/fonts/scala/scala-bold-webfont.svg +873 -0
- data/assets/fonts/scala/scala-bold-webfont.ttf +0 -0
- data/assets/fonts/scala/scala-bold-webfont.woff +0 -0
- data/assets/fonts/scala/scala-italic-webfont.eot +0 -0
- data/assets/fonts/scala/scala-italic-webfont.svg +235 -0
- data/assets/fonts/scala/scala-italic-webfont.ttf +0 -0
- data/assets/fonts/scala/scala-italic-webfont.woff +0 -0
- data/assets/fonts/scala/scala-webfont.eot +0 -0
- data/assets/fonts/scala/scala-webfont.svg +234 -0
- data/assets/fonts/scala/scala-webfont.ttf +0 -0
- data/assets/fonts/scala/scala-webfont.woff +0 -0
- data/assets/fonts/scala/scalasans-bold-webfont.eot +0 -0
- data/assets/fonts/scala/scalasans-bold-webfont.svg +244 -0
- data/assets/fonts/scala/scalasans-bold-webfont.ttf +0 -0
- data/assets/fonts/scala/scalasans-bold-webfont.woff +0 -0
- data/assets/fonts/scala/scalasans-webfont.eot +0 -0
- data/assets/fonts/scala/scalasans-webfont.svg +238 -0
- data/assets/fonts/scala/scalasans-webfont.ttf +0 -0
- data/assets/fonts/scala/scalasans-webfont.woff +0 -0
- data/assets/images/dnd-bg.jpg +0 -0
- data/assets/js/any-theme.coffee +33 -0
- data/assets/js/any_theme/libros.coffee +113 -0
- data/assets/js/any_theme/login.coffee +90 -0
- data/assets/js/any_theme/storage.coffee +49 -0
- data/assets/js/any_theme/themes.coffee +10 -0
- data/assets/pages/about.md +17 -0
- data/assets/pages/customize/css.md +22 -0
- data/assets/pages/customize/themes.md +17 -0
- data/assets/pages/docs/libros.md +17 -0
- data/assets/pages/docs/tempus.md +66 -0
- data/assets/pages/index.md +21 -0
- metadata +258 -0
@@ -0,0 +1,36 @@
|
|
1
|
+
// stylelint-disable declaration-no-important
|
2
|
+
|
3
|
+
// Common values
|
4
|
+
|
5
|
+
// Sass list not in variables since it's not intended for customization.
|
6
|
+
$positions: static, relative, absolute, fixed, sticky;
|
7
|
+
|
8
|
+
@each $position in $positions {
|
9
|
+
.position-#{$position} { position: $position !important; }
|
10
|
+
}
|
11
|
+
|
12
|
+
// Shorthand
|
13
|
+
|
14
|
+
.fixed-top {
|
15
|
+
position: fixed;
|
16
|
+
top: 0;
|
17
|
+
right: 0;
|
18
|
+
left: 0;
|
19
|
+
z-index: $zindex-fixed;
|
20
|
+
}
|
21
|
+
|
22
|
+
.fixed-bottom {
|
23
|
+
position: fixed;
|
24
|
+
right: 0;
|
25
|
+
bottom: 0;
|
26
|
+
left: 0;
|
27
|
+
z-index: $zindex-fixed;
|
28
|
+
}
|
29
|
+
|
30
|
+
.sticky-top {
|
31
|
+
@supports (position: sticky) {
|
32
|
+
position: sticky;
|
33
|
+
top: 0;
|
34
|
+
z-index: $zindex-sticky;
|
35
|
+
}
|
36
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
// stylelint-disable declaration-no-important
|
2
|
+
|
3
|
+
// Width and height
|
4
|
+
|
5
|
+
@each $prop, $abbrev in (width: w, height: h) {
|
6
|
+
@each $size, $length in $sizes {
|
7
|
+
.#{$abbrev}-#{$size} { #{$prop}: $length !important; }
|
8
|
+
}
|
9
|
+
}
|
10
|
+
|
11
|
+
.mw-100 { max-width: 100% !important; }
|
12
|
+
.mh-100 { max-height: 100% !important; }
|
@@ -0,0 +1,51 @@
|
|
1
|
+
// stylelint-disable declaration-no-important
|
2
|
+
|
3
|
+
// Margin and Padding
|
4
|
+
|
5
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
6
|
+
@include media-breakpoint-up($breakpoint) {
|
7
|
+
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
8
|
+
|
9
|
+
@each $prop, $abbrev in (margin: m, padding: p) {
|
10
|
+
@each $size, $length in $spacers {
|
11
|
+
|
12
|
+
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
|
13
|
+
.#{$abbrev}t#{$infix}-#{$size},
|
14
|
+
.#{$abbrev}y#{$infix}-#{$size} {
|
15
|
+
#{$prop}-top: $length !important;
|
16
|
+
}
|
17
|
+
.#{$abbrev}r#{$infix}-#{$size},
|
18
|
+
.#{$abbrev}x#{$infix}-#{$size} {
|
19
|
+
#{$prop}-right: $length !important;
|
20
|
+
}
|
21
|
+
.#{$abbrev}b#{$infix}-#{$size},
|
22
|
+
.#{$abbrev}y#{$infix}-#{$size} {
|
23
|
+
#{$prop}-bottom: $length !important;
|
24
|
+
}
|
25
|
+
.#{$abbrev}l#{$infix}-#{$size},
|
26
|
+
.#{$abbrev}x#{$infix}-#{$size} {
|
27
|
+
#{$prop}-left: $length !important;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
// Some special margin utils
|
33
|
+
.m#{$infix}-auto { margin: auto !important; }
|
34
|
+
.mt#{$infix}-auto,
|
35
|
+
.my#{$infix}-auto {
|
36
|
+
margin-top: auto !important;
|
37
|
+
}
|
38
|
+
.mr#{$infix}-auto,
|
39
|
+
.mx#{$infix}-auto {
|
40
|
+
margin-right: auto !important;
|
41
|
+
}
|
42
|
+
.mb#{$infix}-auto,
|
43
|
+
.my#{$infix}-auto {
|
44
|
+
margin-bottom: auto !important;
|
45
|
+
}
|
46
|
+
.ml#{$infix}-auto,
|
47
|
+
.mx#{$infix}-auto {
|
48
|
+
margin-left: auto !important;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
// stylelint-disable declaration-no-important
|
2
|
+
|
3
|
+
//
|
4
|
+
// Text
|
5
|
+
//
|
6
|
+
|
7
|
+
// Alignment
|
8
|
+
|
9
|
+
.text-justify { text-align: justify !important; }
|
10
|
+
.text-nowrap { white-space: nowrap !important; }
|
11
|
+
.text-truncate { @include text-truncate; }
|
12
|
+
|
13
|
+
// Responsive alignment
|
14
|
+
|
15
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
16
|
+
@include media-breakpoint-up($breakpoint) {
|
17
|
+
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
18
|
+
|
19
|
+
.text#{$infix}-left { text-align: left !important; }
|
20
|
+
.text#{$infix}-right { text-align: right !important; }
|
21
|
+
.text#{$infix}-center { text-align: center !important; }
|
22
|
+
}
|
23
|
+
}
|
24
|
+
|
25
|
+
// Transformation
|
26
|
+
|
27
|
+
.text-lowercase { text-transform: lowercase !important; }
|
28
|
+
.text-uppercase { text-transform: uppercase !important; }
|
29
|
+
.text-capitalize { text-transform: capitalize !important; }
|
30
|
+
|
31
|
+
// Weight and italics
|
32
|
+
|
33
|
+
.font-weight-light { font-weight: $font-weight-light !important; }
|
34
|
+
.font-weight-normal { font-weight: $font-weight-normal !important; }
|
35
|
+
.font-weight-bold { font-weight: $font-weight-bold !important; }
|
36
|
+
.font-italic { font-style: italic !important; }
|
37
|
+
|
38
|
+
// Contextual colors
|
39
|
+
|
40
|
+
.text-white { color: #fff !important; }
|
41
|
+
|
42
|
+
@each $color, $value in $theme-colors {
|
43
|
+
@include text-emphasis-variant(".text-#{$color}", $value);
|
44
|
+
}
|
45
|
+
|
46
|
+
.text-muted { color: $text-muted !important; }
|
47
|
+
|
48
|
+
// Misc
|
49
|
+
|
50
|
+
.text-hide {
|
51
|
+
@include text-hide();
|
52
|
+
}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
// VARIABILES
|
5
|
+
// ----------------------------
|
6
|
+
|
7
|
+
// COLORS
|
8
|
+
// ----------------------------
|
9
|
+
|
10
|
+
// Base
|
11
|
+
// $black: white
|
12
|
+
// $white: black
|
13
|
+
|
14
|
+
// Body
|
15
|
+
// $body-bg: lighten(black,6%)
|
16
|
+
// $body-color: darken(white,5%)
|
17
|
+
|
18
|
+
// Links
|
19
|
+
$link-color: blue
|
20
|
+
$link-hover-color: #868e96
|
21
|
+
|
22
|
+
// Kbd
|
23
|
+
// $kbd-color: white
|
24
|
+
|
25
|
+
// FONTS
|
26
|
+
// ----------------------------
|
27
|
+
|
28
|
+
// Size
|
29
|
+
$font-size-base: 1.1rem
|
30
|
+
$code-font-size: 80%
|
31
|
+
|
32
|
+
// Font family
|
33
|
+
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,700')
|
34
|
+
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
|
35
|
+
// $font-family-sans-serif: Verdana, Geneva, sans-serif
|
36
|
+
$font-family-serif: Georgia, Times, "Times New Roman", serif
|
37
|
+
$font-family-headings-header: 'Rubik', sans-serif
|
38
|
+
$font-family-headings: 'Rubik', sans-serif
|
39
|
+
|
40
|
+
// Weights
|
41
|
+
// $font-weight-base: 300
|
42
|
+
// $headings-font-weight: 900
|
43
|
+
|
44
|
+
@import "any_theme"
|
45
|
+
@import "any_theme/syntax_default"
|
46
|
+
|
47
|
+
// HEADER
|
48
|
+
header
|
49
|
+
@extend .pt-4
|
50
|
+
|
51
|
+
// MAIN
|
52
|
+
main
|
53
|
+
// Add vertical padding
|
54
|
+
@extend .py-5
|
55
|
+
// Headings
|
56
|
+
// Set a top margin
|
57
|
+
@include headings()
|
58
|
+
@extend .mt-4, .mb-3
|
59
|
+
// Reset to margin for first child heaings in the first row columns
|
60
|
+
.row:first-child div[class*="col"]
|
61
|
+
@include headings(1, 6, ':first-child')
|
62
|
+
@extend .mt-0
|
63
|
+
|
64
|
+
// CODE HIGHLIGHT
|
65
|
+
// Set padding and background
|
66
|
+
pre.highlight
|
67
|
+
@extend .px-2, .py-1
|
68
|
+
background: $gray-100
|
69
|
+
// Prevent long code to break bootstrapper grid:
|
70
|
+
// Fix user agent stylesheet `white-space: pre`
|
71
|
+
white-space: pre-wrap
|
@@ -0,0 +1,114 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
// VARIABILES
|
5
|
+
// ----------------------------
|
6
|
+
|
7
|
+
// COLORS
|
8
|
+
// ----------------------------
|
9
|
+
|
10
|
+
// Base
|
11
|
+
$black: white
|
12
|
+
$white: black
|
13
|
+
|
14
|
+
// Body
|
15
|
+
$body-bg: lighten(black,6%)
|
16
|
+
$body-color: darken(white,5%)
|
17
|
+
|
18
|
+
// Grays inverted
|
19
|
+
$gray-100: #212529
|
20
|
+
$gray-200: #343a40
|
21
|
+
$gray-300: #495057
|
22
|
+
$gray-400: #868e96
|
23
|
+
$gray-500: #adb5bd
|
24
|
+
$gray-600: #ced4da
|
25
|
+
$gray-700: #dee2e6
|
26
|
+
$gray-800: #e9ecef
|
27
|
+
$gray-900: #f8f9fa
|
28
|
+
|
29
|
+
// Colors darkened
|
30
|
+
$blue: darken(#007bff,15%)
|
31
|
+
$indigo: darken(#6610f2,15%)
|
32
|
+
$purple: darken(#6f42c1,15%)
|
33
|
+
$pink: darken(#e83e8c,15%)
|
34
|
+
$red: darken(#dc3545,15%)
|
35
|
+
$orange: darken(#fd7e14,15%)
|
36
|
+
$yellow: darken(#ffc107,15%)
|
37
|
+
$green: darken(#28a745,15%)
|
38
|
+
$teal: darken(#20c997,15%)
|
39
|
+
$cyan: darken(#17a2b8,15%)
|
40
|
+
|
41
|
+
// Links
|
42
|
+
$link-color: #007bff
|
43
|
+
$link-hover-color: $gray-400
|
44
|
+
|
45
|
+
$code-color: lighten($pink,25%)
|
46
|
+
|
47
|
+
// YIQ contrast function
|
48
|
+
$yiq-text-dark: $gray-100
|
49
|
+
$yiq-text-light: $black
|
50
|
+
|
51
|
+
// MODAL
|
52
|
+
$modal-backdrop-opacity: 0.2
|
53
|
+
|
54
|
+
// CARDS
|
55
|
+
$card-cap-bg: rgba($black, .1)
|
56
|
+
|
57
|
+
// FONTS
|
58
|
+
// ----------------------------
|
59
|
+
|
60
|
+
// Size
|
61
|
+
$font-size-base: 1.1rem
|
62
|
+
$code-font-size: 80%
|
63
|
+
|
64
|
+
// Font family
|
65
|
+
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
|
66
|
+
$font-family-serif: Georgia, Times, "Times New Roman", serif
|
67
|
+
// $font-family-base: $font-family-sans-serif
|
68
|
+
// $font-family-headings-header: $font-family-serif
|
69
|
+
|
70
|
+
// Weights
|
71
|
+
// $font-weight-base: 300
|
72
|
+
$headings-font-weight: 400
|
73
|
+
|
74
|
+
@import "any_theme"
|
75
|
+
@import "any_theme/syntax_dark"
|
76
|
+
|
77
|
+
// HEADER
|
78
|
+
header
|
79
|
+
@extend .pt-4
|
80
|
+
|
81
|
+
// MAIN
|
82
|
+
main
|
83
|
+
// Add vertical padding
|
84
|
+
@extend .py-5
|
85
|
+
// Headings
|
86
|
+
// Set a top margin
|
87
|
+
@include headings()
|
88
|
+
@extend .mt-3
|
89
|
+
// Reset to margin for first child heaings in the first row columns
|
90
|
+
.row:first-child div[class*="col"]
|
91
|
+
@include headings(1, 6, ':first-child')
|
92
|
+
@extend .mt-0
|
93
|
+
|
94
|
+
// ALERTS
|
95
|
+
@each $color, $value in $theme-colors
|
96
|
+
.alert-#{$color}
|
97
|
+
color: color-yiq($value)
|
98
|
+
background: darken($value,5%)
|
99
|
+
border-color: $value
|
100
|
+
hr
|
101
|
+
border-top-color: $value
|
102
|
+
a,
|
103
|
+
code
|
104
|
+
opacity: 0.7
|
105
|
+
color: color-yiq($value)
|
106
|
+
|
107
|
+
// CODE HIGHLIGHT
|
108
|
+
// Set padding and background
|
109
|
+
pre.highlight
|
110
|
+
@extend .px-2, .py-1
|
111
|
+
background: lighten(black,8%)
|
112
|
+
// Prevent long code to break bootstrapper grid:
|
113
|
+
// Fix user agent stylesheet `white-space: pre`
|
114
|
+
white-space: pre-wrap
|
@@ -0,0 +1,114 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
// VARIABILES
|
5
|
+
// ----------------------------
|
6
|
+
|
7
|
+
// COLORS
|
8
|
+
// ----------------------------
|
9
|
+
|
10
|
+
// Base
|
11
|
+
$black: white
|
12
|
+
$white: black
|
13
|
+
|
14
|
+
// Body
|
15
|
+
$body-bg: lighten(black,6%)
|
16
|
+
$body-color: darken(white,5%)
|
17
|
+
|
18
|
+
// Grays inverted
|
19
|
+
$gray-100: #212529
|
20
|
+
$gray-200: #343a40
|
21
|
+
$gray-300: #495057
|
22
|
+
$gray-400: #868e96
|
23
|
+
$gray-500: #adb5bd
|
24
|
+
$gray-600: #ced4da
|
25
|
+
$gray-700: #dee2e6
|
26
|
+
$gray-800: #e9ecef
|
27
|
+
$gray-900: #f8f9fa
|
28
|
+
|
29
|
+
// Colors darkened
|
30
|
+
$blue: darken(#007bff,15%)
|
31
|
+
$indigo: darken(#6610f2,15%)
|
32
|
+
$purple: darken(#6f42c1,15%)
|
33
|
+
$pink: darken(#e83e8c,15%)
|
34
|
+
$red: darken(#dc3545,15%)
|
35
|
+
$orange: darken(#fd7e14,15%)
|
36
|
+
$yellow: darken(#ffc107,15%)
|
37
|
+
$green: darken(#28a745,15%)
|
38
|
+
$teal: darken(#20c997,15%)
|
39
|
+
$cyan: darken(#17a2b8,15%)
|
40
|
+
|
41
|
+
// Links
|
42
|
+
$link-color: #007bff
|
43
|
+
$link-hover-color: $gray-400
|
44
|
+
|
45
|
+
$code-color: lighten($pink,25%)
|
46
|
+
|
47
|
+
// YIQ contrast function
|
48
|
+
$yiq-text-dark: $gray-100
|
49
|
+
$yiq-text-light: $black
|
50
|
+
|
51
|
+
// MODAL
|
52
|
+
$modal-backdrop-opacity: 0.2
|
53
|
+
|
54
|
+
// CARDS
|
55
|
+
$card-cap-bg: rgba($black, .1)
|
56
|
+
|
57
|
+
// FONTS
|
58
|
+
// ----------------------------
|
59
|
+
|
60
|
+
// Size
|
61
|
+
$font-size-base: 1.1rem
|
62
|
+
$code-font-size: 80%
|
63
|
+
|
64
|
+
// Font family
|
65
|
+
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
|
66
|
+
$font-family-serif: Georgia, Times, "Times New Roman", serif
|
67
|
+
$font-family-base: $font-family-serif
|
68
|
+
// $font-family-headings-header: $font-family-serif
|
69
|
+
|
70
|
+
// Weights
|
71
|
+
// $font-weight-base: 300
|
72
|
+
$headings-font-weight: 400
|
73
|
+
|
74
|
+
@import "any_theme"
|
75
|
+
@import "any_theme/syntax_dark"
|
76
|
+
|
77
|
+
// HEADER
|
78
|
+
header
|
79
|
+
@extend .pt-4
|
80
|
+
|
81
|
+
// MAIN
|
82
|
+
main
|
83
|
+
// Add vertical padding
|
84
|
+
@extend .py-5
|
85
|
+
// Headings
|
86
|
+
// Set a top margin
|
87
|
+
@include headings()
|
88
|
+
@extend .mt-3
|
89
|
+
// Reset to margin for first child heaings in the first row columns
|
90
|
+
.row:first-child div[class*="col"]
|
91
|
+
@include headings(1, 6, ':first-child')
|
92
|
+
@extend .mt-0
|
93
|
+
|
94
|
+
// ALERTS
|
95
|
+
@each $color, $value in $theme-colors
|
96
|
+
.alert-#{$color}
|
97
|
+
color: color-yiq($value)
|
98
|
+
background: darken($value,5%)
|
99
|
+
border-color: $value
|
100
|
+
hr
|
101
|
+
border-top-color: $value
|
102
|
+
a,
|
103
|
+
code
|
104
|
+
opacity: 0.7
|
105
|
+
color: color-yiq($value)
|
106
|
+
|
107
|
+
// CODE HIGHLIGHT
|
108
|
+
// Set padding and background
|
109
|
+
pre.highlight
|
110
|
+
@extend .px-2, .py-1
|
111
|
+
background: lighten(black,8%)
|
112
|
+
// Prevent long code to break bootstrapper grid:
|
113
|
+
// Fix user agent stylesheet `white-space: pre`
|
114
|
+
white-space: pre-wrap
|
@@ -0,0 +1,69 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
// VARIABILES
|
5
|
+
// ----------------------------
|
6
|
+
|
7
|
+
// COLORS
|
8
|
+
// ----------------------------
|
9
|
+
|
10
|
+
// Base
|
11
|
+
// $black: white
|
12
|
+
// $white: black
|
13
|
+
|
14
|
+
// Body
|
15
|
+
// $body-bg: lighten(black,6%)
|
16
|
+
// $body-color: darken(white,5%)
|
17
|
+
|
18
|
+
// Links
|
19
|
+
$link-color: blue
|
20
|
+
$link-hover-color: #868e96
|
21
|
+
|
22
|
+
// Kbd
|
23
|
+
// $kbd-color: white
|
24
|
+
|
25
|
+
// FONTS
|
26
|
+
// ----------------------------
|
27
|
+
|
28
|
+
// Size
|
29
|
+
$font-size-base: 1.1rem
|
30
|
+
$code-font-size: 80%
|
31
|
+
|
32
|
+
// Font family
|
33
|
+
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
|
34
|
+
$font-family-serif: Georgia, Times, "Times New Roman", serif
|
35
|
+
$font-family-base: $font-family-serif
|
36
|
+
// $font-family-headings-header: $font-family-serif
|
37
|
+
|
38
|
+
// Weights
|
39
|
+
// $font-weight-base: 300
|
40
|
+
// $headings-font-weight: 400
|
41
|
+
|
42
|
+
@import "any_theme"
|
43
|
+
@import "any_theme/syntax_default"
|
44
|
+
|
45
|
+
// HEADER
|
46
|
+
header
|
47
|
+
@extend .pt-4
|
48
|
+
|
49
|
+
// MAIN
|
50
|
+
main
|
51
|
+
// Add vertical padding
|
52
|
+
@extend .py-5
|
53
|
+
// Headings
|
54
|
+
// Set a top margin
|
55
|
+
@include headings()
|
56
|
+
@extend .mt-3
|
57
|
+
// Reset to margin for first child heaings in the first row columns
|
58
|
+
.row:first-child div[class*="col"]
|
59
|
+
@include headings(1, 6, ':first-child')
|
60
|
+
@extend .mt-0
|
61
|
+
|
62
|
+
// CODE HIGHLIGHT
|
63
|
+
// Set padding and background
|
64
|
+
pre.highlight
|
65
|
+
@extend .px-2, .py-1
|
66
|
+
background: $gray-100
|
67
|
+
// Prevent long code to break bootstrapper grid:
|
68
|
+
// Fix user agent stylesheet `white-space: pre`
|
69
|
+
white-space: pre-wrap
|
@@ -0,0 +1,44 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
/*!
|
4
|
+
* Bootstrap v4.0.0-beta.3 (https://getbootstrap.com)
|
5
|
+
* Copyright 2011-2017 The Bootstrap Authors
|
6
|
+
* Copyright 2011-2017 Twitter, Inc.
|
7
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
8
|
+
*/
|
9
|
+
|
10
|
+
@import "bootstrap/functions"
|
11
|
+
@import "bootstrap/variables"
|
12
|
+
@import "bootstrap/mixins"
|
13
|
+
// @import "bootstrap/root"
|
14
|
+
@import "bootstrap/reboot"
|
15
|
+
@import "bootstrap/type"
|
16
|
+
@import "bootstrap/images"
|
17
|
+
@import "bootstrap/code"
|
18
|
+
@import "bootstrap/grid"
|
19
|
+
@import "bootstrap/tables"
|
20
|
+
@import "bootstrap/forms"
|
21
|
+
@import "bootstrap/buttons"
|
22
|
+
@import "bootstrap/transitions"
|
23
|
+
@import "bootstrap/dropdown"
|
24
|
+
@import "bootstrap/button-group"
|
25
|
+
@import "bootstrap/input-group"
|
26
|
+
@import "bootstrap/custom-forms"
|
27
|
+
@import "bootstrap/nav"
|
28
|
+
@import "bootstrap/navbar"
|
29
|
+
@import "bootstrap/card"
|
30
|
+
@import "bootstrap/breadcrumb"
|
31
|
+
@import "bootstrap/pagination"
|
32
|
+
@import "bootstrap/badge"
|
33
|
+
@import "bootstrap/jumbotron"
|
34
|
+
@import "bootstrap/alert"
|
35
|
+
@import "bootstrap/progress"
|
36
|
+
@import "bootstrap/media"
|
37
|
+
@import "bootstrap/list-group"
|
38
|
+
@import "bootstrap/close"
|
39
|
+
@import "bootstrap/modal"
|
40
|
+
@import "bootstrap/tooltip"
|
41
|
+
@import "bootstrap/popover"
|
42
|
+
@import "bootstrap/carousel"
|
43
|
+
@import "bootstrap/utilities"
|
44
|
+
@import "bootstrap/print"
|
@@ -0,0 +1,74 @@
|
|
1
|
+
// theme colors
|
2
|
+
$theme-colors: (primary: $blue, secondary: $gray-600, success: darken($green,5%), info: $cyan, warning: $yellow, danger: darken(#de091d,5%), light: $gray-100, dark: $gray-800)
|
3
|
+
|
4
|
+
$dark: theme-color("dark")
|
5
|
+
$main-bg: rgb(10,10,10)
|
6
|
+
$body-bg: rgb(10,10,10)
|
7
|
+
$body-color: $gray-200
|
8
|
+
$html-bg: darken($dark, 10%)
|
9
|
+
$footer-bg: darken($dark, 10%)
|
10
|
+
$details-bg: $gray-900
|
11
|
+
$jumbotron-bg: darken($dark, 10%)
|
12
|
+
$hr-border-color: rgba($white,.1)
|
13
|
+
$table-border-color: $gray-800
|
14
|
+
$page-title-border-color: $hr-border-color
|
15
|
+
// input fileds
|
16
|
+
$input-bg: $black
|
17
|
+
$input-color: $gray-300
|
18
|
+
$input-focus-bg: $input-bg
|
19
|
+
$input-focus-color: $input-color
|
20
|
+
$input-disabled-bg: $gray-800
|
21
|
+
|
22
|
+
//
|
23
|
+
// Links
|
24
|
+
//
|
25
|
+
// $link-color: desaturate(theme-color("warning"), 15%)
|
26
|
+
$link-hover-color: lighten($link-color, 15%)
|
27
|
+
|
28
|
+
//
|
29
|
+
// Navbar
|
30
|
+
//
|
31
|
+
$navbar-classes: navbar-dark bg-dark text-uppercase
|
32
|
+
|
33
|
+
//
|
34
|
+
// Cards
|
35
|
+
//
|
36
|
+
$card-bg: darken($dark, 10%)
|
37
|
+
$card-border-color: lighten($dark, 10%)
|
38
|
+
$card-cap-bg: $dark
|
39
|
+
|
40
|
+
// Lists
|
41
|
+
.list-group-item:not([class*='list-group-item-'])
|
42
|
+
@extend .bg-dark
|
43
|
+
.list-group
|
44
|
+
@extend .mb-3
|
45
|
+
|
46
|
+
//
|
47
|
+
// Code
|
48
|
+
//
|
49
|
+
$code-bg: darken($main-bg, 15%)
|
50
|
+
$code-color: $gray-500
|
51
|
+
$pre-color: $gray-200
|
52
|
+
|
53
|
+
// Pagination
|
54
|
+
$pagination-link-classes: bg-dark border-secondary
|
55
|
+
|
56
|
+
// Breadcrumb
|
57
|
+
$breadcrumb-classes: join($breadcrumb-classes, 'bg-dark', comma)
|
58
|
+
|
59
|
+
// Dropdown
|
60
|
+
$dropdown-bg: $dark
|
61
|
+
$dropdown-border-color: rgba($white,.15)
|
62
|
+
$dropdown-divider-bg: $gray-800
|
63
|
+
$dropdown-box-shadow: 0 .5rem 1rem rgba($white,.175)
|
64
|
+
$dropdown-link-color: $gray-100
|
65
|
+
$dropdown-link-hover-color: lighten($gray-100, 5%)
|
66
|
+
$dropdown-link-hover-bg: $gray-900
|
67
|
+
$dropdown-link-active-color: $component-active-color
|
68
|
+
$dropdown-link-active-bg: $component-active-bg
|
69
|
+
$dropdown-link-disabled-color: $gray-400
|
70
|
+
$dropdown-header-color: $gray-400
|
71
|
+
|
72
|
+
// Alerts
|
73
|
+
// $background, $border, $color and link color levels (theme-color-interval multiplier)
|
74
|
+
$alert_color_levels: 5 -2 -8 -3
|