jekyll-any-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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