seriously_simple_static_starter 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +39 -0
  4. data/_includes/cards.html +27 -0
  5. data/_includes/feature-block.html +24 -0
  6. data/_includes/footer.html +11 -0
  7. data/_includes/ga-lite.html +5 -0
  8. data/_includes/head.html +39 -0
  9. data/_includes/header.html +34 -0
  10. data/_includes/latest-posts.html +28 -0
  11. data/_includes/navbar.html +40 -0
  12. data/_includes/slider.html +41 -0
  13. data/_layouts/base.html +22 -0
  14. data/_layouts/default.html +4 -0
  15. data/_layouts/flow.html +25 -0
  16. data/_layouts/page.html +5 -0
  17. data/_layouts/post.html +11 -0
  18. data/_sass/_animation.scss +68 -0
  19. data/_sass/_feature-block.scss +5 -0
  20. data/_sass/_fontello.scss +46 -0
  21. data/_sass/_header.scss +7 -0
  22. data/_sass/_highlighter.scss +84 -0
  23. data/_sass/_inherited.scss +39 -0
  24. data/_sass/_navbar.scss +188 -0
  25. data/_sass/_theme.scss +397 -0
  26. data/_sass/_variables.scss +3 -0
  27. data/_sass/animate.scss +3625 -0
  28. data/_sass/bootstrap/_alert.scss +51 -0
  29. data/_sass/bootstrap/_badge.scss +47 -0
  30. data/_sass/bootstrap/_breadcrumb.scss +38 -0
  31. data/_sass/bootstrap/_button-group.scss +166 -0
  32. data/_sass/bootstrap/_buttons.scss +143 -0
  33. data/_sass/bootstrap/_card.scss +270 -0
  34. data/_sass/bootstrap/_carousel.scss +191 -0
  35. data/_sass/bootstrap/_close.scss +34 -0
  36. data/_sass/bootstrap/_code.scss +56 -0
  37. data/_sass/bootstrap/_custom-forms.scss +297 -0
  38. data/_sass/bootstrap/_dropdown.scss +131 -0
  39. data/_sass/bootstrap/_forms.scss +333 -0
  40. data/_sass/bootstrap/_functions.scss +86 -0
  41. data/_sass/bootstrap/_grid.scss +52 -0
  42. data/_sass/bootstrap/_images.scss +42 -0
  43. data/_sass/bootstrap/_input-group.scss +159 -0
  44. data/_sass/bootstrap/_jumbotron.scss +16 -0
  45. data/_sass/bootstrap/_list-group.scss +115 -0
  46. data/_sass/bootstrap/_media.scss +8 -0
  47. data/_sass/bootstrap/_mixins.scss +42 -0
  48. data/_sass/bootstrap/_modal.scss +168 -0
  49. data/_sass/bootstrap/_nav.scss +118 -0
  50. data/_sass/bootstrap/_navbar.scss +311 -0
  51. data/_sass/bootstrap/_pagination.scss +77 -0
  52. data/_sass/bootstrap/_popover.scss +183 -0
  53. data/_sass/bootstrap/_print.scss +124 -0
  54. data/_sass/bootstrap/_progress.scss +33 -0
  55. data/_sass/bootstrap/_reboot.scss +482 -0
  56. data/_sass/bootstrap/_root.scss +19 -0
  57. data/_sass/bootstrap/_tables.scss +180 -0
  58. data/_sass/bootstrap/_tooltip.scss +115 -0
  59. data/_sass/bootstrap/_transitions.scss +36 -0
  60. data/_sass/bootstrap/_type.scss +125 -0
  61. data/_sass/bootstrap/_utilities.scss +14 -0
  62. data/_sass/bootstrap/_variables.scss +894 -0
  63. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  64. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  65. data/_sass/bootstrap/bootstrap.scss +42 -0
  66. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  67. data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
  68. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  69. data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
  70. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  71. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  72. data/_sass/bootstrap/mixins/_buttons.scss +109 -0
  73. data/_sass/bootstrap/mixins/_caret.scss +65 -0
  74. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  75. data/_sass/bootstrap/mixins/_float.scss +11 -0
  76. data/_sass/bootstrap/mixins/_forms.scss +137 -0
  77. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  78. data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
  79. data/_sass/bootstrap/mixins/_grid.scss +52 -0
  80. data/_sass/bootstrap/mixins/_hover.scss +39 -0
  81. data/_sass/bootstrap/mixins/_image.scss +36 -0
  82. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  83. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  84. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  85. data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
  86. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  87. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  88. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  89. data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
  90. data/_sass/bootstrap/mixins/_size.scss +6 -0
  91. data/_sass/bootstrap/mixins/_table-row.scss +30 -0
  92. data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
  93. data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
  94. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  95. data/_sass/bootstrap/mixins/_transition.scss +9 -0
  96. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  97. data/_sass/bootstrap/utilities/_align.scss +8 -0
  98. data/_sass/bootstrap/utilities/_background.scss +19 -0
  99. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  100. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  101. data/_sass/bootstrap/utilities/_display.scss +38 -0
  102. data/_sass/bootstrap/utilities/_embed.scss +52 -0
  103. data/_sass/bootstrap/utilities/_flex.scss +46 -0
  104. data/_sass/bootstrap/utilities/_float.scss +9 -0
  105. data/_sass/bootstrap/utilities/_position.scss +36 -0
  106. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  107. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  108. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  109. data/_sass/bootstrap/utilities/_text.scss +52 -0
  110. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  111. data/assets/css/critical.scss +5 -0
  112. data/assets/css/dist.scss +47 -0
  113. data/assets/fonts/fontello/fontello.eot +0 -0
  114. data/assets/fonts/fontello/fontello.svg +12 -0
  115. data/assets/fonts/fontello/fontello.ttf +0 -0
  116. data/assets/fonts/fontello/fontello.woff +0 -0
  117. data/assets/fonts/fontello/fontello.woff2 +0 -0
  118. data/assets/fonts/lato/bold/bold.eot +0 -0
  119. data/assets/fonts/lato/bold/bold.svg +2835 -0
  120. data/assets/fonts/lato/bold/bold.ttf +0 -0
  121. data/assets/fonts/lato/bold/bold.woff +0 -0
  122. data/assets/fonts/lato/bold/bold.woff2 +0 -0
  123. data/assets/fonts/lato/regular/regular.eot +0 -0
  124. data/assets/fonts/lato/regular/regular.svg +435 -0
  125. data/assets/fonts/lato/regular/regular.ttf +0 -0
  126. data/assets/fonts/lato/regular/regular.woff +0 -0
  127. data/assets/fonts/lato/regular/regular.woff2 +0 -0
  128. data/assets/images/abstract-bg.jpg +0 -0
  129. data/assets/images/abstract-lines.jpg +0 -0
  130. data/assets/images/marketing.jpg +0 -0
  131. data/assets/images/ssss-resized.png +0 -0
  132. data/assets/images/ssss.png +0 -0
  133. data/assets/images/tech-1495181_1920.jpg +0 -0
  134. data/assets/js/app/main.js +64 -0
  135. data/assets/js/bundle.js +7 -0
  136. data/assets/js/vendor/_popper.js +5 -0
  137. data/assets/js/vendor/bootstrap.js +7 -0
  138. data/assets/js/vendor/clipboard.js +7 -0
  139. data/assets/js/vendor/jquery.js +2 -0
  140. data/assets/js/vendor/lazysizes.min.js +1 -0
  141. data/assets/js/vendor/ls.unveilhooks.min.js +2 -0
  142. metadata +283 -0
@@ -0,0 +1,51 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .alert {
6
+ position: relative;
7
+ padding: $alert-padding-y $alert-padding-x;
8
+ margin-bottom: $alert-margin-bottom;
9
+ border: $alert-border-width solid transparent;
10
+ @include border-radius($alert-border-radius);
11
+ }
12
+
13
+ // Headings for larger alerts
14
+ .alert-heading {
15
+ // Specified to prevent conflicts of changing $headings-color
16
+ color: inherit;
17
+ }
18
+
19
+ // Provide class for links that match alerts
20
+ .alert-link {
21
+ font-weight: $alert-link-font-weight;
22
+ }
23
+
24
+
25
+ // Dismissible alerts
26
+ //
27
+ // Expand the right padding and account for the close button's positioning.
28
+
29
+ .alert-dismissible {
30
+ padding-right: ($close-font-size + $alert-padding-x * 2);
31
+
32
+ // Adjust close link position
33
+ .close {
34
+ position: absolute;
35
+ top: 0;
36
+ right: 0;
37
+ padding: $alert-padding-y $alert-padding-x;
38
+ color: inherit;
39
+ }
40
+ }
41
+
42
+
43
+ // Alternate styles
44
+ //
45
+ // Generate contextual modifier classes for colorizing the alert.
46
+
47
+ @each $color, $value in $theme-colors {
48
+ .alert-#{$color} {
49
+ @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50
+ }
51
+ }
@@ -0,0 +1,47 @@
1
+ // Base class
2
+ //
3
+ // Requires one of the contextual, color modifier classes for `color` and
4
+ // `background-color`.
5
+
6
+ .badge {
7
+ display: inline-block;
8
+ padding: $badge-padding-y $badge-padding-x;
9
+ font-size: $badge-font-size;
10
+ font-weight: $badge-font-weight;
11
+ line-height: 1;
12
+ text-align: center;
13
+ white-space: nowrap;
14
+ vertical-align: baseline;
15
+ @include border-radius($badge-border-radius);
16
+
17
+ // Empty badges collapse automatically
18
+ &:empty {
19
+ display: none;
20
+ }
21
+ }
22
+
23
+ // Quick fix for badges in buttons
24
+ .btn .badge {
25
+ position: relative;
26
+ top: -1px;
27
+ }
28
+
29
+ // Pill badges
30
+ //
31
+ // Make them extra rounded with a modifier to replace v3's badges.
32
+
33
+ .badge-pill {
34
+ padding-right: $badge-pill-padding-x;
35
+ padding-left: $badge-pill-padding-x;
36
+ @include border-radius($badge-pill-border-radius);
37
+ }
38
+
39
+ // Colors
40
+ //
41
+ // Contextual variations (linked badges get darker on :hover).
42
+
43
+ @each $color, $value in $theme-colors {
44
+ .badge-#{$color} {
45
+ @include badge-variant($value);
46
+ }
47
+ }
@@ -0,0 +1,38 @@
1
+ .breadcrumb {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5
+ margin-bottom: $breadcrumb-margin-bottom;
6
+ list-style: none;
7
+ background-color: $breadcrumb-bg;
8
+ @include border-radius($border-radius);
9
+ }
10
+
11
+ .breadcrumb-item {
12
+ // The separator between breadcrumbs (by default, a forward-slash: "/")
13
+ + .breadcrumb-item::before {
14
+ display: inline-block; // Suppress underlining of the separator in modern browsers
15
+ padding-right: $breadcrumb-item-padding;
16
+ padding-left: $breadcrumb-item-padding;
17
+ color: $breadcrumb-divider-color;
18
+ content: "#{$breadcrumb-divider}";
19
+ }
20
+
21
+ // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
22
+ // without `<ul>`s. The `::before` pseudo-element generates an element
23
+ // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
24
+ //
25
+ // To trick IE into suppressing the underline, we give the pseudo-element an
26
+ // underline and then immediately remove it.
27
+ + .breadcrumb-item:hover::before {
28
+ text-decoration: underline;
29
+ }
30
+ // stylelint-disable-next-line no-duplicate-selectors
31
+ + .breadcrumb-item:hover::before {
32
+ text-decoration: none;
33
+ }
34
+
35
+ &.active {
36
+ color: $breadcrumb-active-color;
37
+ }
38
+ }
@@ -0,0 +1,166 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ // Make the div behave like a button
4
+ .btn-group,
5
+ .btn-group-vertical {
6
+ position: relative;
7
+ display: inline-flex;
8
+ vertical-align: middle; // match .btn alignment given font-size hack above
9
+
10
+ > .btn {
11
+ position: relative;
12
+ flex: 0 1 auto;
13
+
14
+ // Bring the hover, focused, and "active" buttons to the front to overlay
15
+ // the borders properly
16
+ @include hover {
17
+ z-index: 1;
18
+ }
19
+ &:focus,
20
+ &:active,
21
+ &.active {
22
+ z-index: 1;
23
+ }
24
+ }
25
+
26
+ // Prevent double borders when buttons are next to each other
27
+ .btn + .btn,
28
+ .btn + .btn-group,
29
+ .btn-group + .btn,
30
+ .btn-group + .btn-group {
31
+ margin-left: -$btn-border-width;
32
+ }
33
+ }
34
+
35
+ // Optional: Group multiple button groups together for a toolbar
36
+ .btn-toolbar {
37
+ display: flex;
38
+ flex-wrap: wrap;
39
+ justify-content: flex-start;
40
+
41
+ .input-group {
42
+ width: auto;
43
+ }
44
+ }
45
+
46
+ .btn-group {
47
+ > .btn:first-child {
48
+ margin-left: 0;
49
+ }
50
+
51
+ // Reset rounded corners
52
+ > .btn:not(:last-child):not(.dropdown-toggle),
53
+ > .btn-group:not(:last-child) > .btn {
54
+ @include border-right-radius(0);
55
+ }
56
+
57
+ > .btn:not(:first-child),
58
+ > .btn-group:not(:first-child) > .btn {
59
+ @include border-left-radius(0);
60
+ }
61
+ }
62
+
63
+ // Sizing
64
+ //
65
+ // Remix the default button sizing classes into new ones for easier manipulation.
66
+
67
+ .btn-group-sm > .btn { @extend .btn-sm; }
68
+ .btn-group-lg > .btn { @extend .btn-lg; }
69
+
70
+
71
+ //
72
+ // Split button dropdowns
73
+ //
74
+
75
+ .dropdown-toggle-split {
76
+ padding-right: $btn-padding-x * .75;
77
+ padding-left: $btn-padding-x * .75;
78
+
79
+ &::after {
80
+ margin-left: 0;
81
+ }
82
+ }
83
+
84
+ .btn-sm + .dropdown-toggle-split {
85
+ padding-right: $btn-padding-x-sm * .75;
86
+ padding-left: $btn-padding-x-sm * .75;
87
+ }
88
+
89
+ .btn-lg + .dropdown-toggle-split {
90
+ padding-right: $btn-padding-x-lg * .75;
91
+ padding-left: $btn-padding-x-lg * .75;
92
+ }
93
+
94
+
95
+ // The clickable button for toggling the menu
96
+ // Set the same inset shadow as the :active state
97
+ .btn-group.show .dropdown-toggle {
98
+ @include box-shadow($btn-active-box-shadow);
99
+
100
+ // Show no shadow for `.btn-link` since it has no other button styles.
101
+ &.btn-link {
102
+ @include box-shadow(none);
103
+ }
104
+ }
105
+
106
+
107
+ //
108
+ // Vertical button groups
109
+ //
110
+
111
+ .btn-group-vertical {
112
+ flex-direction: column;
113
+ align-items: flex-start;
114
+ justify-content: center;
115
+
116
+ .btn,
117
+ .btn-group {
118
+ width: 100%;
119
+ }
120
+
121
+ > .btn + .btn,
122
+ > .btn + .btn-group,
123
+ > .btn-group + .btn,
124
+ > .btn-group + .btn-group {
125
+ margin-top: -$btn-border-width;
126
+ margin-left: 0;
127
+ }
128
+
129
+ // Reset rounded corners
130
+ > .btn:not(:last-child):not(.dropdown-toggle),
131
+ > .btn-group:not(:last-child) > .btn {
132
+ @include border-bottom-radius(0);
133
+ }
134
+
135
+ > .btn:not(:first-child),
136
+ > .btn-group:not(:first-child) > .btn {
137
+ @include border-top-radius(0);
138
+ }
139
+ }
140
+
141
+
142
+ // Checkbox and radio options
143
+ //
144
+ // In order to support the browser's form validation feedback, powered by the
145
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
146
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
147
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
148
+ // certain cases which is prevented by using `clip` and `pointer-events`.
149
+ // This way, we ensure a DOM element is visible to position the popover from.
150
+ //
151
+ // See https://github.com/twbs/bootstrap/pull/12794 and
152
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
153
+
154
+ .btn-group-toggle {
155
+ > .btn,
156
+ > .btn-group > .btn {
157
+ margin-bottom: 0; // Override default `<label>` value
158
+
159
+ input[type="radio"],
160
+ input[type="checkbox"] {
161
+ position: absolute;
162
+ clip: rect(0, 0, 0, 0);
163
+ pointer-events: none;
164
+ }
165
+ }
166
+ }
@@ -0,0 +1,143 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ //
4
+ // Base styles
5
+ //
6
+
7
+ .btn {
8
+ display: inline-block;
9
+ font-weight: $btn-font-weight;
10
+ text-align: center;
11
+ white-space: nowrap;
12
+ vertical-align: middle;
13
+ user-select: none;
14
+ border: $btn-border-width solid transparent;
15
+ @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
16
+ @include transition($btn-transition);
17
+
18
+ // Share hover and focus styles
19
+ @include hover-focus {
20
+ text-decoration: none;
21
+ }
22
+
23
+ &:focus,
24
+ &.focus {
25
+ outline: 0;
26
+ box-shadow: $btn-focus-box-shadow;
27
+ }
28
+
29
+ // Disabled comes first so active can properly restyle
30
+ &.disabled,
31
+ &:disabled {
32
+ opacity: $btn-disabled-opacity;
33
+ @include box-shadow(none);
34
+ }
35
+
36
+ // Opinionated: add "hand" cursor to non-disabled .btn elements
37
+ &:not(:disabled):not(.disabled) {
38
+ cursor: pointer;
39
+ }
40
+
41
+ &:not(:disabled):not(.disabled):active,
42
+ &:not(:disabled):not(.disabled).active {
43
+ background-image: none;
44
+ @include box-shadow($btn-active-box-shadow);
45
+
46
+ &:focus {
47
+ @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
48
+ }
49
+ }
50
+ }
51
+
52
+ // Future-proof disabling of clicks on `<a>` elements
53
+ a.btn.disabled,
54
+ fieldset:disabled a.btn {
55
+ pointer-events: none;
56
+ }
57
+
58
+
59
+ //
60
+ // Alternate buttons
61
+ //
62
+
63
+ @each $color, $value in $theme-colors {
64
+ .btn-#{$color} {
65
+ @include button-variant($value, $value);
66
+ }
67
+ }
68
+
69
+ @each $color, $value in $theme-colors {
70
+ .btn-outline-#{$color} {
71
+ @include button-outline-variant($value);
72
+ }
73
+ }
74
+
75
+
76
+ //
77
+ // Link buttons
78
+ //
79
+
80
+ // Make a button look and behave like a link
81
+ .btn-link {
82
+ font-weight: $font-weight-normal;
83
+ color: $link-color;
84
+ background-color: transparent;
85
+
86
+ @include hover {
87
+ color: $link-hover-color;
88
+ text-decoration: $link-hover-decoration;
89
+ background-color: transparent;
90
+ border-color: transparent;
91
+ }
92
+
93
+ &:focus,
94
+ &.focus {
95
+ text-decoration: $link-hover-decoration;
96
+ border-color: transparent;
97
+ box-shadow: none;
98
+ }
99
+
100
+ &:disabled,
101
+ &.disabled {
102
+ color: $btn-link-disabled-color;
103
+ }
104
+
105
+ // No need for an active state here
106
+ }
107
+
108
+
109
+ //
110
+ // Button Sizes
111
+ //
112
+
113
+ .btn-lg {
114
+ @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
115
+ }
116
+
117
+ .btn-sm {
118
+ @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
119
+ }
120
+
121
+
122
+ //
123
+ // Block button
124
+ //
125
+
126
+ .btn-block {
127
+ display: block;
128
+ width: 100%;
129
+
130
+ // Vertically space out multiple block buttons
131
+ + .btn-block {
132
+ margin-top: $btn-block-spacing-y;
133
+ }
134
+ }
135
+
136
+ // Specificity overrides
137
+ input[type="submit"],
138
+ input[type="reset"],
139
+ input[type="button"] {
140
+ &.btn-block {
141
+ width: 100%;
142
+ }
143
+ }