vv5cv 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 (111) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +138 -0
  4. data/_includes/colorpicker.html +7 -0
  5. data/_includes/head.html +13 -0
  6. data/_includes/icon-at.svg +4 -0
  7. data/_includes/icon-globe.svg +4 -0
  8. data/_includes/icon-marker.svg +4 -0
  9. data/_includes/icon-phone.svg +4 -0
  10. data/_includes/zone-languages.html +27 -0
  11. data/_includes/zone-otherskills.html +22 -0
  12. data/_includes/zone-profile.html +32 -0
  13. data/_includes/zone-software.html +20 -0
  14. data/_layouts/default.html +10 -0
  15. data/_layouts/home.html +27 -0
  16. data/_layouts/page.html +9 -0
  17. data/_layouts/post.html +5 -0
  18. data/_sass/_bootstrap-grid.scss +37 -0
  19. data/_sass/_bootstrap-reboot.scss +9 -0
  20. data/_sass/_bootstrap.scss +41 -0
  21. data/_sass/_custom.scss +123 -0
  22. data/_sass/_fonts.scss +1 -0
  23. data/_sass/_variables.scss +33 -0
  24. data/_sass/bootstrap/_alert.scss +48 -0
  25. data/_sass/bootstrap/_badge.scss +48 -0
  26. data/_sass/bootstrap/_breadcrumb.scss +38 -0
  27. data/_sass/bootstrap/_button-group.scss +198 -0
  28. data/_sass/bootstrap/_buttons.scss +141 -0
  29. data/_sass/bootstrap/_card.scss +223 -0
  30. data/_sass/bootstrap/_carousel.scss +185 -0
  31. data/_sass/bootstrap/_close.scss +29 -0
  32. data/_sass/bootstrap/_code.scss +64 -0
  33. data/_sass/bootstrap/_custom-forms.scss +254 -0
  34. data/_sass/bootstrap/_dropdown.scss +128 -0
  35. data/_sass/bootstrap/_forms.scss +390 -0
  36. data/_sass/bootstrap/_functions.scss +90 -0
  37. data/_sass/bootstrap/_grid.scss +53 -0
  38. data/_sass/bootstrap/_images.scss +43 -0
  39. data/_sass/bootstrap/_input-group.scss +176 -0
  40. data/_sass/bootstrap/_jumbotron.scss +16 -0
  41. data/_sass/bootstrap/_list-group.scss +114 -0
  42. data/_sass/bootstrap/_media.scss +8 -0
  43. data/_sass/bootstrap/_mixins.scss +41 -0
  44. data/_sass/bootstrap/_modal.scss +142 -0
  45. data/_sass/bootstrap/_nav.scss +118 -0
  46. data/_sass/bootstrap/_navbar.scss +284 -0
  47. data/_sass/bootstrap/_pagination.scss +66 -0
  48. data/_sass/bootstrap/_popover.scss +195 -0
  49. data/_sass/bootstrap/_print.scss +111 -0
  50. data/_sass/bootstrap/_progress.scss +32 -0
  51. data/_sass/bootstrap/_reboot.scss +481 -0
  52. data/_sass/bootstrap/_tables.scss +168 -0
  53. data/_sass/bootstrap/_tooltip.scss +107 -0
  54. data/_sass/bootstrap/_transitions.scss +34 -0
  55. data/_sass/bootstrap/_type.scss +123 -0
  56. data/_sass/bootstrap/_utilities.scss +14 -0
  57. data/_sass/bootstrap/_variables.scss +839 -0
  58. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  59. data/_sass/bootstrap/mixins/_background-variant.scss +12 -0
  60. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  61. data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
  62. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  63. data/_sass/bootstrap/mixins/_breakpoints.scss +105 -0
  64. data/_sass/bootstrap/mixins/_buttons.scss +83 -0
  65. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  66. data/_sass/bootstrap/mixins/_float.scss +9 -0
  67. data/_sass/bootstrap/mixins/_forms.scss +81 -0
  68. data/_sass/bootstrap/mixins/_gradients.scss +37 -0
  69. data/_sass/bootstrap/mixins/_grid-framework.scss +56 -0
  70. data/_sass/bootstrap/mixins/_grid.scss +47 -0
  71. data/_sass/bootstrap/mixins/_hover.scss +60 -0
  72. data/_sass/bootstrap/mixins/_image.scss +36 -0
  73. data/_sass/bootstrap/mixins/_list-group.scss +26 -0
  74. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  75. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  76. data/_sass/bootstrap/mixins/_navbar-align.scss +9 -0
  77. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  78. data/_sass/bootstrap/mixins/_reset-text.scss +18 -0
  79. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  80. data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
  81. data/_sass/bootstrap/mixins/_size.scss +6 -0
  82. data/_sass/bootstrap/mixins/_table-row.scss +30 -0
  83. data/_sass/bootstrap/mixins/_text-emphasis.scss +12 -0
  84. data/_sass/bootstrap/mixins/_text-hide.scss +8 -0
  85. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  86. data/_sass/bootstrap/mixins/_transition.scss +9 -0
  87. data/_sass/bootstrap/mixins/_visibility.scss +5 -0
  88. data/_sass/bootstrap/utilities/_align.scss +6 -0
  89. data/_sass/bootstrap/utilities/_background.scss +6 -0
  90. data/_sass/bootstrap/utilities/_borders.scss +52 -0
  91. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  92. data/_sass/bootstrap/utilities/_display.scss +53 -0
  93. data/_sass/bootstrap/utilities/_embed.scss +52 -0
  94. data/_sass/bootstrap/utilities/_flex.scss +44 -0
  95. data/_sass/bootstrap/utilities/_float.scss +9 -0
  96. data/_sass/bootstrap/utilities/_position.scss +25 -0
  97. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  98. data/_sass/bootstrap/utilities/_sizing.scss +10 -0
  99. data/_sass/bootstrap/utilities/_spacing.scss +41 -0
  100. data/_sass/bootstrap/utilities/_text.scss +49 -0
  101. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  102. data/assets/icons/android.svg +1 -0
  103. data/assets/icons/angular.svg +1 -0
  104. data/assets/icons/apple.svg +1 -0
  105. data/assets/icons/freebsd.svg +1 -0
  106. data/assets/icons/github.svg +1 -0
  107. data/assets/icons/line.svg +1 -0
  108. data/assets/icons/playstation.svg +1 -0
  109. data/assets/icons/slack.svg +1 -0
  110. data/assets/main.scss +10 -0
  111. metadata +183 -0
@@ -0,0 +1,53 @@
1
+ // Container widths
2
+ //
3
+ // Set the container width, and override it for fixed navbars in media queries.
4
+
5
+ @if $enable-grid-classes {
6
+ .container {
7
+ @include make-container();
8
+ @include make-container-max-widths();
9
+ }
10
+ }
11
+
12
+ // Fluid container
13
+ //
14
+ // Utilizes the mixin meant for fixed width containers, but with 100% width for
15
+ // fluid, full width layouts.
16
+
17
+ @if $enable-grid-classes {
18
+ .container-fluid {
19
+ width: 100%;
20
+ @include make-container();
21
+ }
22
+ }
23
+
24
+ // Row
25
+ //
26
+ // Rows contain and clear the floats of your columns.
27
+
28
+ @if $enable-grid-classes {
29
+ .row {
30
+ @include make-row();
31
+ }
32
+
33
+ // Remove the negative margin from default .row, then the horizontal padding
34
+ // from all immediate children columns (to prevent runaway style inheritance).
35
+ .no-gutters {
36
+ margin-right: 0;
37
+ margin-left: 0;
38
+
39
+ > .col,
40
+ > [class*="col-"] {
41
+ padding-right: 0;
42
+ padding-left: 0;
43
+ }
44
+ }
45
+ }
46
+
47
+ // Columns
48
+ //
49
+ // Common styles for small and large grid columns
50
+
51
+ @if $enable-grid-classes {
52
+ @include make-grid-columns();
53
+ }
@@ -0,0 +1,43 @@
1
+ // Responsive images (ensure images don't scale beyond their parents)
2
+ //
3
+ // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
4
+ // We previously tried the "images are responsive by default" approach in Bootstrap v2,
5
+ // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
6
+ // which weren't expecting the images within themselves to be involuntarily resized.
7
+ // See also https://github.com/twbs/bootstrap/issues/18178
8
+ .img-fluid {
9
+ @include img-fluid;
10
+ }
11
+
12
+
13
+ // Image thumbnails
14
+ .img-thumbnail {
15
+ padding: $thumbnail-padding;
16
+ background-color: $thumbnail-bg;
17
+ border: $thumbnail-border-width solid $thumbnail-border-color;
18
+ @include border-radius($thumbnail-border-radius);
19
+ @include transition($thumbnail-transition);
20
+ @include box-shadow($thumbnail-box-shadow);
21
+
22
+ // Keep them at most 100% wide
23
+ @include img-fluid;
24
+ }
25
+
26
+ //
27
+ // Figures
28
+ //
29
+
30
+ .figure {
31
+ // Ensures the caption's text aligns with the image.
32
+ display: inline-block;
33
+ }
34
+
35
+ .figure-img {
36
+ margin-bottom: ($spacer / 2);
37
+ line-height: 1;
38
+ }
39
+
40
+ .figure-caption {
41
+ font-size: $figure-caption-font-size;
42
+ color: $figure-caption-color;
43
+ }
@@ -0,0 +1,176 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .input-group {
6
+ position: relative;
7
+ display: flex;
8
+ width: 100%;
9
+
10
+ .form-control {
11
+ // Ensure that the input is always above the *appended* addon button for
12
+ // proper border colors.
13
+ position: relative;
14
+ z-index: 2;
15
+ flex: 1 1 auto;
16
+ // Add width 1% and flex-basis auto to ensure that button will not wrap out
17
+ // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
18
+ width: 1%;
19
+ margin-bottom: 0;
20
+
21
+ // Bring the "active" form control to the front
22
+ @include hover-focus-active {
23
+ z-index: 3;
24
+ }
25
+ }
26
+ }
27
+
28
+ .input-group-addon,
29
+ .input-group-btn,
30
+ .input-group .form-control {
31
+ // Vertically centers the content of the addons within the input group
32
+ display: flex;
33
+ align-items: center;
34
+
35
+ &:not(:first-child):not(:last-child) {
36
+ @include border-radius(0);
37
+ }
38
+ }
39
+
40
+ .input-group-addon,
41
+ .input-group-btn {
42
+ white-space: nowrap;
43
+ vertical-align: middle; // Match the inputs
44
+ }
45
+
46
+
47
+ // Sizing options
48
+ //
49
+ // Remix the default form control sizing classes into new ones for easier
50
+ // manipulation.
51
+
52
+ .input-group-lg > .form-control,
53
+ .input-group-lg > .input-group-addon,
54
+ .input-group-lg > .input-group-btn > .btn {
55
+ @extend .form-control-lg;
56
+ }
57
+ .input-group-sm > .form-control,
58
+ .input-group-sm > .input-group-addon,
59
+ .input-group-sm > .input-group-btn > .btn {
60
+ @extend .form-control-sm;
61
+ }
62
+
63
+
64
+ //
65
+ // Text input groups
66
+ //
67
+
68
+ .input-group-addon {
69
+ padding: $input-btn-padding-y $input-btn-padding-x;
70
+ margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
71
+ font-size: $font-size-base; // Match inputs
72
+ font-weight: $font-weight-normal;
73
+ line-height: $input-btn-line-height;
74
+ color: $input-color;
75
+ text-align: center;
76
+ background-color: $input-group-addon-bg;
77
+ border: $input-btn-border-width solid $input-group-addon-border-color;
78
+ @include border-radius($input-border-radius);
79
+
80
+ // Sizing
81
+ &.form-control-sm {
82
+ padding: $input-btn-padding-y-sm $input-btn-padding-x-sm;
83
+ font-size: $font-size-sm;
84
+ @include border-radius($input-border-radius-sm);
85
+ }
86
+
87
+ &.form-control-lg {
88
+ padding: $input-btn-padding-y-lg $input-btn-padding-x-lg;
89
+ font-size: $font-size-lg;
90
+ @include border-radius($input-border-radius-lg);
91
+ }
92
+
93
+ // scss-lint:disable QualifyingElement
94
+ // Nuke default margins from checkboxes and radios to vertically center within.
95
+ input[type="radio"],
96
+ input[type="checkbox"] {
97
+ margin-top: 0;
98
+ }
99
+ // scss-lint:enable QualifyingElement
100
+ }
101
+
102
+
103
+ //
104
+ // Reset rounded corners
105
+ //
106
+
107
+ .input-group .form-control:not(:last-child),
108
+ .input-group-addon:not(:last-child),
109
+ .input-group-btn:not(:last-child) > .btn,
110
+ .input-group-btn:not(:last-child) > .btn-group > .btn,
111
+ .input-group-btn:not(:last-child) > .dropdown-toggle,
112
+ .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
113
+ .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
114
+ @include border-right-radius(0);
115
+ }
116
+ .input-group-addon:not(:last-child) {
117
+ border-right: 0;
118
+ }
119
+ .input-group .form-control:not(:first-child),
120
+ .input-group-addon:not(:first-child),
121
+ .input-group-btn:not(:first-child) > .btn,
122
+ .input-group-btn:not(:first-child) > .btn-group > .btn,
123
+ .input-group-btn:not(:first-child) > .dropdown-toggle,
124
+ .input-group-btn:not(:last-child) > .btn:not(:first-child),
125
+ .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
126
+ @include border-left-radius(0);
127
+ }
128
+ .form-control + .input-group-addon:not(:first-child) {
129
+ border-left: 0;
130
+ }
131
+
132
+ //
133
+ // Button input groups
134
+ //
135
+
136
+ .input-group-btn {
137
+ position: relative;
138
+ // Jankily prevent input button groups from wrapping with `white-space` and
139
+ // `font-size` in combination with `inline-block` on buttons.
140
+ font-size: 0;
141
+ white-space: nowrap;
142
+
143
+ // Negative margin for spacing, position for bringing hovered/focused/actived
144
+ // element above the siblings.
145
+ > .btn {
146
+ position: relative;
147
+
148
+ + .btn {
149
+ margin-left: (-$input-btn-border-width);
150
+ }
151
+
152
+ // Bring the "active" button to the front
153
+ @include hover-focus-active {
154
+ z-index: 3;
155
+ }
156
+ }
157
+
158
+ // Negative margin to only have a single, shared border between the two
159
+ &:not(:last-child) {
160
+ > .btn,
161
+ > .btn-group {
162
+ margin-right: (-$input-btn-border-width);
163
+ }
164
+ }
165
+ &:not(:first-child) {
166
+ > .btn,
167
+ > .btn-group {
168
+ z-index: 2;
169
+ margin-left: (-$input-btn-border-width);
170
+ // Because specificity
171
+ @include hover-focus-active {
172
+ z-index: 3;
173
+ }
174
+ }
175
+ }
176
+ }
@@ -0,0 +1,16 @@
1
+ .jumbotron {
2
+ padding: $jumbotron-padding ($jumbotron-padding / 2);
3
+ margin-bottom: $jumbotron-padding;
4
+ background-color: $jumbotron-bg;
5
+ @include border-radius($border-radius-lg);
6
+
7
+ @include media-breakpoint-up(sm) {
8
+ padding: ($jumbotron-padding * 2) $jumbotron-padding;
9
+ }
10
+ }
11
+
12
+ .jumbotron-fluid {
13
+ padding-right: 0;
14
+ padding-left: 0;
15
+ @include border-radius(0);
16
+ }
@@ -0,0 +1,114 @@
1
+ // Base class
2
+ //
3
+ // Easily usable on <ul>, <ol>, or <div>.
4
+
5
+ .list-group {
6
+ display: flex;
7
+ flex-direction: column;
8
+
9
+ // No need to set list-style: none; since .list-group-item is block level
10
+ padding-left: 0; // reset padding because ul and ol
11
+ margin-bottom: 0;
12
+ }
13
+
14
+
15
+ // Interactive list items
16
+ //
17
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive
18
+ // list items. Includes an extra `.active` modifier class for selected items.
19
+
20
+ .list-group-item-action {
21
+ width: 100%; // For `<button>`s (anchors become 100% by default though)
22
+ color: $list-group-action-color;
23
+ text-align: inherit; // For `<button>`s (anchors inherit)
24
+
25
+ // Hover state
26
+ @include hover-focus {
27
+ color: $list-group-action-hover-color;
28
+ text-decoration: none;
29
+ background-color: $list-group-hover-bg;
30
+ }
31
+
32
+ &:active {
33
+ color: $list-group-action-active-color;
34
+ background-color: $list-group-action-active-bg;
35
+ }
36
+ }
37
+
38
+
39
+ // Individual list items
40
+ //
41
+ // Use on `li`s or `div`s within the `.list-group` parent.
42
+
43
+ .list-group-item {
44
+ position: relative;
45
+ display: block;
46
+ padding: $list-group-item-padding-y $list-group-item-padding-x;
47
+ // Place the border on the list items and negative margin up for better styling
48
+ margin-bottom: -$list-group-border-width;
49
+ background-color: $list-group-bg;
50
+ border: $list-group-border-width solid $list-group-border-color;
51
+
52
+ &:first-child {
53
+ @include border-top-radius($list-group-border-radius);
54
+ }
55
+
56
+ &:last-child {
57
+ margin-bottom: 0;
58
+ @include border-bottom-radius($list-group-border-radius);
59
+ }
60
+
61
+ @include hover-focus {
62
+ text-decoration: none;
63
+ }
64
+
65
+ &.disabled,
66
+ &:disabled {
67
+ color: $list-group-disabled-color;
68
+ background-color: $list-group-disabled-bg;
69
+ }
70
+
71
+ // Include both here for `<a>`s and `<button>`s
72
+ &.active {
73
+ z-index: 2; // Place active items above their siblings for proper border styling
74
+ color: $list-group-active-color;
75
+ background-color: $list-group-active-bg;
76
+ border-color: $list-group-active-border-color;
77
+ }
78
+ }
79
+
80
+
81
+ // Flush list items
82
+ //
83
+ // Remove borders and border-radius to keep list group items edge-to-edge. Most
84
+ // useful within other components (e.g., cards).
85
+
86
+ .list-group-flush {
87
+ .list-group-item {
88
+ border-right: 0;
89
+ border-left: 0;
90
+ border-radius: 0;
91
+ }
92
+
93
+ &:first-child {
94
+ .list-group-item:first-child {
95
+ border-top: 0;
96
+ }
97
+ }
98
+
99
+ &:last-child {
100
+ .list-group-item:last-child {
101
+ border-bottom: 0;
102
+ }
103
+ }
104
+ }
105
+
106
+
107
+ // Contextual variants
108
+ //
109
+ // Add modifier classes to change text and background color on individual items.
110
+ // Organizationally, this must come after the `:hover` states.
111
+
112
+ @each $color, $value in $theme-colors {
113
+ @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
114
+ }
@@ -0,0 +1,8 @@
1
+ .media {
2
+ display: flex;
3
+ align-items: flex-start;
4
+ }
5
+
6
+ .media-body {
7
+ flex: 1;
8
+ }
@@ -0,0 +1,41 @@
1
+ // Toggles
2
+ //
3
+ // Used in conjunction with global variables to enable certain theme features.
4
+
5
+ // Utilities
6
+ @import "mixins/breakpoints";
7
+ @import "mixins/hover";
8
+ @import "mixins/image";
9
+ @import "mixins/badge";
10
+ @import "mixins/resize";
11
+ @import "mixins/screen-reader";
12
+ @import "mixins/size";
13
+ @import "mixins/reset-text";
14
+ @import "mixins/text-emphasis";
15
+ @import "mixins/text-hide";
16
+ @import "mixins/text-truncate";
17
+ @import "mixins/visibility";
18
+
19
+ // // Components
20
+ @import "mixins/alert";
21
+ @import "mixins/buttons";
22
+ @import "mixins/pagination";
23
+ @import "mixins/lists";
24
+ @import "mixins/list-group";
25
+ @import "mixins/nav-divider";
26
+ @import "mixins/forms";
27
+ @import "mixins/table-row";
28
+
29
+ // // Skins
30
+ @import "mixins/background-variant";
31
+ @import "mixins/border-radius";
32
+ @import "mixins/box-shadow";
33
+ @import "mixins/gradients";
34
+ @import "mixins/transition";
35
+
36
+ // // Layout
37
+ @import "mixins/clearfix";
38
+ // @import "mixins/navbar-align";
39
+ @import "mixins/grid-framework";
40
+ @import "mixins/grid";
41
+ @import "mixins/float";