vv5cv 0.1.0

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