jekyll-any-theme 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +52 -0
  4. data/_includes/api/example.html +23 -0
  5. data/_includes/api/get.html +11 -0
  6. data/_includes/api/save.html +1 -0
  7. data/_includes/components/alert.html +7 -0
  8. data/_includes/components/blockquote.html +23 -0
  9. data/_includes/components/bootstrap.html +245 -0
  10. data/_includes/components/card.html +85 -0
  11. data/_includes/components/lead.html +1 -0
  12. data/_includes/components/login.html +28 -0
  13. data/_includes/components/navbar_link.html +3 -0
  14. data/_includes/components/navbar_text.html +3 -0
  15. data/_includes/components/page_info.html +48 -0
  16. data/_includes/components/toc.html +18 -0
  17. data/_includes/filters/link_to_file.html +26 -0
  18. data/_includes/filters/unslug.html +17 -0
  19. data/_includes/page/end.html +2 -0
  20. data/_includes/page/footer.html +26 -0
  21. data/_includes/page/head.html +28 -0
  22. data/_includes/page/header.html +7 -0
  23. data/_includes/page/init.html +17 -0
  24. data/_includes/page/main.html +44 -0
  25. data/_includes/page/navbar.html +69 -0
  26. data/_includes/page/sidebar.html +6 -0
  27. data/_includes/page/top.html +27 -0
  28. data/_includes/tempus/calendar.html +26 -0
  29. data/_includes/tempus/events.html +72 -0
  30. data/_includes/tempus/next.html +73 -0
  31. data/_includes/widgets/libros.html +183 -0
  32. data/_includes/widgets/themes.html +11 -0
  33. data/_includes/widgets/toc.html +18 -0
  34. data/_layouts/default.html +8 -0
  35. data/_layouts/page.html +5 -0
  36. data/_layouts/post.html +5 -0
  37. data/_sass/_any_theme.sass +54 -0
  38. data/_sass/any_theme/_corrections.sass +71 -0
  39. data/_sass/any_theme/_headings.sass +13 -0
  40. data/_sass/any_theme/_mixins.sass +11 -0
  41. data/_sass/any_theme/_syntax_blood.scss +310 -0
  42. data/_sass/any_theme/_syntax_dark.scss +63 -0
  43. data/_sass/any_theme/_syntax_default.scss +310 -0
  44. data/_sass/any_theme/_toc.sass +4 -0
  45. data/_sass/any_theme/_widgets.sass +48 -0
  46. data/_sass/bootstrap/_alert.scss +51 -0
  47. data/_sass/bootstrap/_badge.scss +47 -0
  48. data/_sass/bootstrap/_breadcrumb.scss +38 -0
  49. data/_sass/bootstrap/_button-group.scss +166 -0
  50. data/_sass/bootstrap/_buttons.scss +143 -0
  51. data/_sass/bootstrap/_card.scss +270 -0
  52. data/_sass/bootstrap/_carousel.scss +191 -0
  53. data/_sass/bootstrap/_close.scss +34 -0
  54. data/_sass/bootstrap/_code.scss +56 -0
  55. data/_sass/bootstrap/_custom-forms.scss +297 -0
  56. data/_sass/bootstrap/_dropdown.scss +131 -0
  57. data/_sass/bootstrap/_forms.scss +333 -0
  58. data/_sass/bootstrap/_functions.scss +86 -0
  59. data/_sass/bootstrap/_grid.scss +52 -0
  60. data/_sass/bootstrap/_images.scss +42 -0
  61. data/_sass/bootstrap/_input-group.scss +159 -0
  62. data/_sass/bootstrap/_jumbotron.scss +16 -0
  63. data/_sass/bootstrap/_list-group.scss +115 -0
  64. data/_sass/bootstrap/_media.scss +8 -0
  65. data/_sass/bootstrap/_mixins.scss +42 -0
  66. data/_sass/bootstrap/_modal.scss +168 -0
  67. data/_sass/bootstrap/_nav.scss +118 -0
  68. data/_sass/bootstrap/_navbar.scss +311 -0
  69. data/_sass/bootstrap/_pagination.scss +77 -0
  70. data/_sass/bootstrap/_popover.scss +183 -0
  71. data/_sass/bootstrap/_print.scss +124 -0
  72. data/_sass/bootstrap/_progress.scss +33 -0
  73. data/_sass/bootstrap/_reboot.scss +482 -0
  74. data/_sass/bootstrap/_root.scss +19 -0
  75. data/_sass/bootstrap/_tables.scss +180 -0
  76. data/_sass/bootstrap/_tooltip.scss +115 -0
  77. data/_sass/bootstrap/_transitions.scss +36 -0
  78. data/_sass/bootstrap/_type.scss +125 -0
  79. data/_sass/bootstrap/_utilities.scss +14 -0
  80. data/_sass/bootstrap/_variables.scss +894 -0
  81. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  82. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  83. data/_sass/bootstrap/bootstrap.scss +42 -0
  84. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  85. data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
  86. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  87. data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
  88. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  89. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  90. data/_sass/bootstrap/mixins/_buttons.scss +109 -0
  91. data/_sass/bootstrap/mixins/_caret.scss +65 -0
  92. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  93. data/_sass/bootstrap/mixins/_float.scss +11 -0
  94. data/_sass/bootstrap/mixins/_forms.scss +137 -0
  95. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  96. data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
  97. data/_sass/bootstrap/mixins/_grid.scss +52 -0
  98. data/_sass/bootstrap/mixins/_hover.scss +39 -0
  99. data/_sass/bootstrap/mixins/_image.scss +36 -0
  100. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  101. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  102. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  103. data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
  104. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  105. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  106. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  107. data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
  108. data/_sass/bootstrap/mixins/_size.scss +6 -0
  109. data/_sass/bootstrap/mixins/_table-row.scss +30 -0
  110. data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
  111. data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
  112. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  113. data/_sass/bootstrap/mixins/_transition.scss +9 -0
  114. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  115. data/_sass/bootstrap/utilities/_align.scss +8 -0
  116. data/_sass/bootstrap/utilities/_background.scss +19 -0
  117. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  118. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  119. data/_sass/bootstrap/utilities/_display.scss +38 -0
  120. data/_sass/bootstrap/utilities/_embed.scss +52 -0
  121. data/_sass/bootstrap/utilities/_flex.scss +46 -0
  122. data/_sass/bootstrap/utilities/_float.scss +9 -0
  123. data/_sass/bootstrap/utilities/_position.scss +36 -0
  124. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  125. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  126. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  127. data/_sass/bootstrap/utilities/_text.scss +52 -0
  128. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  129. data/assets/css/basic_light_sans.sass +71 -0
  130. data/assets/css_no/basic_dark_sans.sass +114 -0
  131. data/assets/css_no/basic_dark_serif.sass +114 -0
  132. data/assets/css_no/basic_light_serif.sass +69 -0
  133. data/assets/css_no/bootstrap.sass +44 -0
  134. data/assets/css_no/dark_additions.sass +74 -0
  135. data/assets/css_no/dnd.sass +188 -0
  136. data/assets/css_no/gurps.sass +70 -0
  137. data/assets/css_no/minidark.sass +177 -0
  138. data/assets/css_no/minimal.sass +139 -0
  139. data/assets/css_no/roboto_dark.sass +324 -0
  140. data/assets/css_no/roboto_light.sass +275 -0
  141. data/assets/fonts/scala/fonts.scss +59 -0
  142. data/assets/fonts/scala/scala-bold-webfont.eot +0 -0
  143. data/assets/fonts/scala/scala-bold-webfont.svg +873 -0
  144. data/assets/fonts/scala/scala-bold-webfont.ttf +0 -0
  145. data/assets/fonts/scala/scala-bold-webfont.woff +0 -0
  146. data/assets/fonts/scala/scala-italic-webfont.eot +0 -0
  147. data/assets/fonts/scala/scala-italic-webfont.svg +235 -0
  148. data/assets/fonts/scala/scala-italic-webfont.ttf +0 -0
  149. data/assets/fonts/scala/scala-italic-webfont.woff +0 -0
  150. data/assets/fonts/scala/scala-webfont.eot +0 -0
  151. data/assets/fonts/scala/scala-webfont.svg +234 -0
  152. data/assets/fonts/scala/scala-webfont.ttf +0 -0
  153. data/assets/fonts/scala/scala-webfont.woff +0 -0
  154. data/assets/fonts/scala/scalasans-bold-webfont.eot +0 -0
  155. data/assets/fonts/scala/scalasans-bold-webfont.svg +244 -0
  156. data/assets/fonts/scala/scalasans-bold-webfont.ttf +0 -0
  157. data/assets/fonts/scala/scalasans-bold-webfont.woff +0 -0
  158. data/assets/fonts/scala/scalasans-webfont.eot +0 -0
  159. data/assets/fonts/scala/scalasans-webfont.svg +238 -0
  160. data/assets/fonts/scala/scalasans-webfont.ttf +0 -0
  161. data/assets/fonts/scala/scalasans-webfont.woff +0 -0
  162. data/assets/images/dnd-bg.jpg +0 -0
  163. data/assets/js/any-theme.coffee +33 -0
  164. data/assets/js/any_theme/libros.coffee +113 -0
  165. data/assets/js/any_theme/login.coffee +90 -0
  166. data/assets/js/any_theme/storage.coffee +49 -0
  167. data/assets/js/any_theme/themes.coffee +10 -0
  168. data/assets/pages/about.md +17 -0
  169. data/assets/pages/customize/css.md +22 -0
  170. data/assets/pages/customize/themes.md +17 -0
  171. data/assets/pages/docs/libros.md +17 -0
  172. data/assets/pages/docs/tempus.md +66 -0
  173. data/assets/pages/index.md +21 -0
  174. 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,11 @@
1
+ //
2
+ // Screenreaders
3
+ //
4
+
5
+ .sr-only {
6
+ @include sr-only();
7
+ }
8
+
9
+ .sr-only-focusable {
10
+ @include sr-only-focusable();
11
+ }
@@ -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,11 @@
1
+ //
2
+ // Visibility utilities
3
+ //
4
+
5
+ .visible {
6
+ @include invisible(visible);
7
+ }
8
+
9
+ .invisible {
10
+ @include invisible(hidden);
11
+ }
@@ -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