jekyll-theme-basically-basic 1.1.3 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +30 -12
  3. data/LICENSE.md +33 -21
  4. data/README.md +33 -17
  5. data/_includes/contact-list.html +1 -1
  6. data/_includes/head.html +2 -2
  7. data/_includes/navigation.html +2 -2
  8. data/_layouts/default.html +2 -2
  9. data/_layouts/home.html +1 -1
  10. data/_sass/basically-basic.scss +7 -9
  11. data/_sass/basically-basic/_entries.scss +152 -155
  12. data/_sass/basically-basic/_functions.scss +2 -0
  13. data/_sass/basically-basic/_layout.scss +7 -15
  14. data/_sass/basically-basic/_mixins.scss +5 -7
  15. data/_sass/basically-basic/_sidebar.scss +3 -2
  16. data/_sass/basically-basic/_syntax-highlighting.scss +314 -127
  17. data/_sass/basically-basic/_variables.scss +104 -84
  18. data/_sass/basically-basic/{mixins → functions}/_color.scss +0 -0
  19. data/_sass/basically-basic/{mixins → functions}/_fluid-type.scss +0 -0
  20. data/_sass/basically-basic/themes/_soft.scss +30 -12
  21. data/_sass/basically-basic/themes/_steel.scss +30 -12
  22. data/_sass/basically-basic/vendor/{_breakpoint.scss → breakpoint/_breakpoint.scss} +7 -7
  23. data/_sass/basically-basic/vendor/susy/_su.scss +1 -4
  24. data/_sass/basically-basic/vendor/susy/_susy-prefix.scss +13 -0
  25. data/_sass/basically-basic/vendor/susy/_susy.scss +5 -0
  26. data/_sass/basically-basic/vendor/susy/plugins/_svg-grid.scss +5 -0
  27. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_prefix.scss +7 -0
  28. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -0
  29. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -0
  30. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -0
  31. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -0
  32. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -0
  33. data/_sass/basically-basic/vendor/susy/susy/_api.scss +318 -0
  34. data/_sass/basically-basic/vendor/susy/susy/_normalize.scss +261 -0
  35. data/_sass/basically-basic/vendor/susy/susy/_parse.scss +163 -0
  36. data/_sass/basically-basic/vendor/susy/susy/_settings.scss +329 -0
  37. data/_sass/basically-basic/vendor/susy/susy/_su-math.scss +441 -0
  38. data/_sass/basically-basic/vendor/susy/susy/_su-validate.scss +213 -0
  39. data/_sass/basically-basic/vendor/susy/susy/_syntax-helpers.scss +191 -0
  40. data/_sass/basically-basic/vendor/susy/susy/_unprefix.scss +56 -0
  41. data/_sass/basically-basic/vendor/susy/susy/_utilities.scss +167 -0
  42. data/assets/javascripts/main.js +2 -2
  43. metadata +25 -59
  44. data/_sass/basically-basic/vendor/_su.scss +0 -4
  45. data/_sass/basically-basic/vendor/_susy.scss +0 -4
  46. data/_sass/basically-basic/vendor/_susyone.scss +0 -4
  47. data/_sass/basically-basic/vendor/susy/language/_susy.scss +0 -24
  48. data/_sass/basically-basic/vendor/susy/language/_susyone.scss +0 -13
  49. data/_sass/basically-basic/vendor/susy/language/susy/_background.scss +0 -385
  50. data/_sass/basically-basic/vendor/susy/language/susy/_bleed.scss +0 -200
  51. data/_sass/basically-basic/vendor/susy/language/susy/_box-sizing.scss +0 -47
  52. data/_sass/basically-basic/vendor/susy/language/susy/_breakpoint-plugin.scss +0 -185
  53. data/_sass/basically-basic/vendor/susy/language/susy/_container.scss +0 -81
  54. data/_sass/basically-basic/vendor/susy/language/susy/_context.scss +0 -36
  55. data/_sass/basically-basic/vendor/susy/language/susy/_gallery.scss +0 -94
  56. data/_sass/basically-basic/vendor/susy/language/susy/_grids.scss +0 -64
  57. data/_sass/basically-basic/vendor/susy/language/susy/_gutters.scss +0 -154
  58. data/_sass/basically-basic/vendor/susy/language/susy/_isolate.scss +0 -77
  59. data/_sass/basically-basic/vendor/susy/language/susy/_margins.scss +0 -94
  60. data/_sass/basically-basic/vendor/susy/language/susy/_padding.scss +0 -74
  61. data/_sass/basically-basic/vendor/susy/language/susy/_rows.scss +0 -138
  62. data/_sass/basically-basic/vendor/susy/language/susy/_settings.scss +0 -216
  63. data/_sass/basically-basic/vendor/susy/language/susy/_span.scss +0 -163
  64. data/_sass/basically-basic/vendor/susy/language/susy/_validation.scss +0 -16
  65. data/_sass/basically-basic/vendor/susy/language/susyone/_background.scss +0 -18
  66. data/_sass/basically-basic/vendor/susy/language/susyone/_functions.scss +0 -377
  67. data/_sass/basically-basic/vendor/susy/language/susyone/_grid.scss +0 -312
  68. data/_sass/basically-basic/vendor/susy/language/susyone/_isolation.scss +0 -51
  69. data/_sass/basically-basic/vendor/susy/language/susyone/_margin.scss +0 -93
  70. data/_sass/basically-basic/vendor/susy/language/susyone/_media.scss +0 -105
  71. data/_sass/basically-basic/vendor/susy/language/susyone/_padding.scss +0 -92
  72. data/_sass/basically-basic/vendor/susy/language/susyone/_settings.scss +0 -60
  73. data/_sass/basically-basic/vendor/susy/output/_float.scss +0 -9
  74. data/_sass/basically-basic/vendor/susy/output/_shared.scss +0 -15
  75. data/_sass/basically-basic/vendor/susy/output/_support.scss +0 -9
  76. data/_sass/basically-basic/vendor/susy/output/float/_container.scss +0 -16
  77. data/_sass/basically-basic/vendor/susy/output/float/_end.scss +0 -40
  78. data/_sass/basically-basic/vendor/susy/output/float/_isolate.scss +0 -22
  79. data/_sass/basically-basic/vendor/susy/output/float/_span.scss +0 -35
  80. data/_sass/basically-basic/vendor/susy/output/shared/_background.scss +0 -26
  81. data/_sass/basically-basic/vendor/susy/output/shared/_container.scss +0 -21
  82. data/_sass/basically-basic/vendor/susy/output/shared/_direction.scss +0 -42
  83. data/_sass/basically-basic/vendor/susy/output/shared/_inspect.scss +0 -25
  84. data/_sass/basically-basic/vendor/susy/output/shared/_margins.scss +0 -23
  85. data/_sass/basically-basic/vendor/susy/output/shared/_output.scss +0 -14
  86. data/_sass/basically-basic/vendor/susy/output/shared/_padding.scss +0 -23
  87. data/_sass/basically-basic/vendor/susy/output/support/_background.scss +0 -58
  88. data/_sass/basically-basic/vendor/susy/output/support/_box-sizing.scss +0 -19
  89. data/_sass/basically-basic/vendor/susy/output/support/_clearfix.scss +0 -18
  90. data/_sass/basically-basic/vendor/susy/output/support/_prefix.scss +0 -19
  91. data/_sass/basically-basic/vendor/susy/output/support/_rem.scss +0 -22
  92. data/_sass/basically-basic/vendor/susy/output/support/_support.scss +0 -85
  93. data/_sass/basically-basic/vendor/susy/su/_grid.scss +0 -103
  94. data/_sass/basically-basic/vendor/susy/su/_settings.scss +0 -73
  95. data/_sass/basically-basic/vendor/susy/su/_utilities.scss +0 -111
  96. data/_sass/basically-basic/vendor/susy/su/_validation.scss +0 -57
@@ -1,51 +0,0 @@
1
- // ---------------------------------------------------------------------------
2
- // Isolation
3
-
4
- // Isolate the position of a grid element (use in addition to span-columns)
5
- //
6
- // $location : The grid column to isolate in, relative to the container;
7
- // $context : [optional] The context (columns spanned by parent).
8
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
9
- @mixin isolate(
10
- $location,
11
- $context: $total-columns,
12
- $from: $from-direction,
13
- $style: fix-static-misalignment()
14
- ) {
15
- $to: opposite-position($from);
16
- margin-#{$to}: -100%;
17
- margin-#{$from}: space($location - 1, $context, $style);
18
- }
19
-
20
- // Isolate a group of elements in a grid, using nth-child selectors
21
- //
22
- // $columns : The column-width of each item on the grid;
23
- // $context : [optional] The context (columns spanned by parent).
24
- // $selector : [child | of-type | last-of-type ] (default is 'child')
25
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
26
- @mixin isolate-grid(
27
- $columns,
28
- $context: $total-columns,
29
- $selector: 'child',
30
- $from: $from-direction,
31
- $style: fix-static-misalignment()
32
- ) {
33
- $to: opposite-position($from);
34
- $location: 1;
35
- $line: floor($context / $columns);
36
-
37
- @include span-columns($columns, $context, $from: $from, $style: $style);
38
- margin-#{$to}: -100%;
39
-
40
- @for $item from 1 through $line {
41
- $nth: '#{$line}n + #{$item}';
42
- &:#{format-nth($nth,$selector)} {
43
- margin-#{$from}: space($location - 1, $context, $style);
44
- @if $location == 1 { clear: $from; }
45
- @else { clear: none; }
46
-
47
- $location: $location + $columns;
48
- @if $location > $context { $location: 1; }
49
- }
50
- }
51
- }
@@ -1,93 +0,0 @@
1
- // ---------------------------------------------------------------------------
2
- // Margin Mixins
3
-
4
- // Apply 'columns' margin before an element to push it along the grid.
5
- //
6
- // $columns : The number of columns to span.
7
- // $context : [optional] The context (columns spanned by parent).
8
- // : Context is required on any nested elements.
9
- // : Context MUST NOT be declared on a root element.
10
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
11
- // $style : The container style to use.
12
- @mixin pre(
13
- $columns,
14
- $context : $total-columns,
15
- $from : $from-direction,
16
- $style : fix-static-misalignment()
17
- ) {
18
- $from : unquote($from);
19
- margin-#{$from}: space($columns, $context, $style);
20
- }
21
-
22
- // 'push' is a synonymn for 'pre'
23
- @mixin push(
24
- $columns,
25
- $context : $total-columns,
26
- $from : $from-direction,
27
- $style : fix-static-misalignment()
28
- ) {
29
- $from : unquote($from);
30
- @include pre($columns, $context, $from, $style);
31
- }
32
-
33
- // Apply negative 'columns' margin before an element to pull it along the grid.
34
- //
35
- // $columns : The number of columns to span.
36
- // $context : [optional] The context (columns spanned by parent).
37
- // : Context is required on any nested elements.
38
- // : Context MUST NOT be declared on a root element.
39
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
40
- // $style : The container style to use.
41
- @mixin pull(
42
- $columns,
43
- $context : $total-columns,
44
- $from : $from-direction,
45
- $style : fix-static-misalignment()
46
- ) {
47
- $from : unquote($from);
48
- margin-#{$from}: 0 - space($columns, $context, $style);
49
- }
50
-
51
- // Apply 'columns' margin after an element to contain it in a grid.
52
- //
53
- // $columns : The number of columns to span.
54
- // $context : [optional] The context (columns spanned by parent).
55
- // : Context is required on any nested elements.
56
- // : Context MUST NOT be declared on a root element.
57
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
58
- // $style : The container style to use.
59
- @mixin post(
60
- $columns,
61
- $context : $total-columns,
62
- $from : $from-direction,
63
- $style : fix-static-misalignment()
64
- ) {
65
- $from : unquote($from);
66
- $to : opposite-position($from);
67
- margin-#{$to}: space($columns, $context, $style);
68
- }
69
-
70
- // Apply 'columns' before and/or after an element to contain it on a grid.
71
- //
72
- // $pre : The number of columns to add as margin before.
73
- // $post : The number of columns to add as margin after.
74
- // $context : [optional] The context (columns spanned by parent).
75
- // : Context is required on any nested elements.
76
- // : Context MUST NOT be declared on a root element.
77
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
78
- // $style : The container style to use.
79
- @mixin squish(
80
- $pre : false,
81
- $post : false,
82
- $context : $total-columns,
83
- $from : $from-direction,
84
- $style : fix-static-misalignment()
85
- ) {
86
- $from : unquote($from);
87
- @if $pre {
88
- @include pre($pre, $context, $from, $style)
89
- }
90
- @if $post {
91
- @include post($post, $context, $from, $style)
92
- }
93
- }
@@ -1,105 +0,0 @@
1
- // ---------------------------------------------------------------------------
2
- // Media Mixins
3
-
4
- // Create a new layout context for (@content) descendants.
5
- //
6
- // $layout-cols : a (unitless) number of columns to use for this layout.
7
- @mixin layout(
8
- $layout-cols
9
- ) {
10
- // store default $total-columns setting for later, then change it.
11
- $default-layout : $total-columns;
12
- $total-columns : $layout-cols !global;
13
-
14
- // apply children in this new layout context.
15
- @content;
16
-
17
- // return to default $total-columns setting.
18
- $total-columns : $default-layout !global;
19
- }
20
-
21
- // Nest a block of code inside a new media-query and layout context.
22
- //
23
- // $media-layout : a list of values [$min $layout $max $ie] including...
24
- // : - one unitless number (columns in a layout)
25
- // : - two optional lengths (min and max-width media-query breakpoints).
26
- // : - one optional boolean or string to trigger fallback support for IE.
27
- // $font-size : [optional] The base font-size of your layout, if you are using ems.
28
- // : - defaults to $base-font-size
29
- @mixin at-breakpoint(
30
- $media-layout,
31
- $font-size: $base-font-size
32
- ) {
33
- $media-layout : medialayout($media-layout,$font-size);
34
- $min : nth($media-layout,1);
35
- $layout : nth($media-layout,2);
36
- $max : nth($media-layout,3);
37
- $ie : nth($media-layout,4);
38
-
39
- @if not($breakpoint-media-output) and not($breakpoint-ie-output) and not($breakpoint-raw-output) {
40
- @warn "Either $breakpoint-media-output, $breakpoint-ie-output, or $breakpoint-raw-output must be true for at-breakpoint to work.";
41
- }
42
-
43
- // We need to have either a min-width breakpoint or a layout in order to proceed.
44
- @if $min or $layout or $max {
45
-
46
- // If we don't have a layout, we create one based on the min-width.
47
- @if not($layout) {
48
- $layout: get-layout($min);
49
- }
50
-
51
- // If we still don't have a layout, we have a problem.
52
- @if $layout {
53
- // Set our new layout context.
54
- @include layout($layout) {
55
- @if $breakpoint-media-output {
56
- @include with-browser-ranges(css-mediaqueries) {
57
- @if $min and $max {
58
- // Both $min and $max
59
- @media (min-width: $min) and (max-width: $max) {
60
- @content;
61
- }
62
- } @else {
63
- @if not($min) and not($max) {
64
- // Neither $min nor $max:
65
- // We can create a breakpoint based on the number of columns in the layout.
66
- $min: fix-ems(container-outer-width($width: false));
67
- }
68
- @if $min {
69
- // Min only:
70
- @media (min-width: $min) {
71
- @content;
72
- }
73
- } @else {
74
- // Max only:
75
- @media (max-width: $max) {
76
- @content;
77
- }
78
- }
79
- }
80
- }
81
- }
82
- // Set an IE fallback
83
- @if $ie and $breakpoint-ie-output {
84
- @if (type-of($ie) == 'bool') {
85
- $ie: 'lt-ie9';
86
- }
87
- .#{$ie} & {
88
- @content;
89
- }
90
- }
91
-
92
- @if $breakpoint-raw-output {
93
- @content;
94
- }
95
- }
96
- } @else {
97
- @warn "We were unable to determine a layout for your breakpoint.";
98
- }
99
-
100
- } @else {
101
- @warn "You need to provide either a valid layout (number of columns)"
102
- + "or a valid media-query min-width breakpoint (length).";
103
- }
104
-
105
- }
@@ -1,92 +0,0 @@
1
- // ---------------------------------------------------------------------------
2
- // Padding Mixins
3
-
4
- // add empty colums as padding before an element.
5
- // $columns : The number of columns to prefix.
6
- // $context : [optional] The context (columns spanned by parent).
7
- // : Context is required on any nested elements.
8
- // : Context MUST NOT be declared on a root element.
9
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
10
- // $style : The container style to use.
11
- @mixin prefix(
12
- $columns,
13
- $context : $total-columns,
14
- $from : $from-direction,
15
- $style : fix-static-misalignment()
16
- ) {
17
- $from : unquote($from);
18
- padding-#{$from}: space($columns, $context, $style);
19
- }
20
-
21
- // add empty colums as padding after an element.
22
- // $columns : The number of columns to suffix.
23
- // $context : [optional] The context (columns spanned by parent).
24
- // : Context is required on any nested elements.
25
- // : Context MUST NOT be declared on a root element.
26
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
27
- // $style : The container style to use.
28
- @mixin suffix(
29
- $columns,
30
- $context : $total-columns,
31
- $from : $from-direction,
32
- $style : fix-static-misalignment()
33
- ) {
34
- $from : unquote($from);
35
- $to : opposite-position($from);
36
- padding-#{$to}: space($columns, $context, $style);
37
- }
38
-
39
- // add empty colums as padding before and after an element.
40
- // $columns : The number of columns to pad.
41
- // $context : [optional] The context (columns spanned by parent).
42
- // : Context is required on any nested elements.
43
- // : Context MUST NOT be declared on a root element.
44
- // $from : The start direction of your layout (e.g. 'left' for ltr languages)
45
- // $style : The container style to use.
46
- @mixin pad(
47
- $prefix : false,
48
- $suffix : false,
49
- $context : $total-columns,
50
- $from : $from-direction,
51
- $style : fix-static-misalignment()
52
- ) {
53
- $from : unquote($from);
54
- @if $prefix {
55
- @include prefix($prefix, $context, $from, $style);
56
- }
57
- @if $suffix {
58
- @include suffix($suffix, $context, $from, $style);
59
- }
60
- }
61
-
62
- // Bleed into colums with margin/padding on any side of an element.
63
- // $width : The side of the bleed.
64
- // : Any unit-length will be used directly.
65
- // : Any unitless number will be used as a column-count.
66
- // : Use "2 of 6" format to represent 2 cals in a 6-col nested context.
67
- // $sides : One or more sides to bleed [ top | right | bottom | left | all ].
68
- // $style : The container style to use.
69
- @mixin bleed(
70
- $width: $grid-padding,
71
- $sides: left right,
72
- $style: fix-static-misalignment()
73
- ) {
74
- @if $border-box-sizing { @include box-sizing(content-box) }
75
-
76
- @if type-of($width) == 'list' {
77
- $width: filter($width, of);
78
- $width: space(nth($width,1), nth($width,2), $style);
79
- } @else if unitless($width) {
80
- $width: space($width, $style: $style);
81
- }
82
-
83
- @if $sides == 'all' {
84
- margin: - $width;
85
- padding: $width;
86
- } @else {
87
- @each $side in $sides {
88
- margin-#{$side}: - $width;
89
- padding-#{$side}: $width;
90
- }
91
- }
92
- }
@@ -1,60 +0,0 @@
1
- // ---------------------------------------------------------------------------
2
- // Susy Settings
3
-
4
- // The total number of columns in the grid
5
- $total-columns : 12 !default;
6
-
7
- // The width of columns and gutters.
8
- // These must all be set with the comparable units.
9
- $column-width : 4em !default;
10
- $gutter-width : 1em !default;
11
-
12
- // Padding on the left and right of a Grid Container.
13
- $grid-padding : $gutter-width !default;
14
-
15
- // ---------------------------------------------------------------------------
16
- // Advanced Settings
17
-
18
- // From Direction:
19
- // Controls for right-to-left or bi-directional sites.
20
- $from-direction : left !default;
21
-
22
- // Omega Float Direction:
23
- // The direction that +omega elements are floated by deafult.
24
- $omega-float : opposite-position($from-direction) !default;
25
-
26
- // Container Width:
27
- // Override the total width of your grid, using any length (50em, 75%, etc.)
28
- $container-width : false !default;
29
-
30
- // Container Style:
31
- // 'magic' - Static (fixed or elastic) when there's enough space,
32
- // fluid when there isn't. This is the SUSY MAGIC SAUCE(TM).
33
- // 'static' - Forces the grid container to remain static at all times.
34
- // 'fluid' - Forces the grid to remain fluid at all times.
35
- // (this will overrule any static $container-width settings)
36
- $container-style : magic !default;
37
-
38
- // Border-Box Sizing
39
- // Adjust the grid math appropriately for box-sizing: border-box;
40
- // Warning: This does not actually apply the new box model!
41
- // In most cases you can ignore this setting,
42
- // and simply apply the border-box-sizing mixin.
43
- $border-box-sizing : false !default;
44
-
45
- // Pixel Values only:
46
- // Make sure only pixel values are set for the container width.
47
- $pixel-values-only : false !default;
48
-
49
- // ---------------------------------------------------------------------------
50
- // IE Settings
51
-
52
- // When you are using a seperate IE stylesheet,
53
- // you can use these settings to control the output of at-breakpoint.
54
- // By default, at-breakpoint will output media-queries as well as
55
- // any defined ie-fallback classes.
56
- $breakpoint-media-output : true !default;
57
- $breakpoint-ie-output : true !default;
58
-
59
- // Danger Zone! Only set as 'true' in IE-specific style sheets.
60
- $breakpoint-raw-output : false !default;
@@ -1,9 +0,0 @@
1
- // Float API
2
- // =========
3
-
4
- @import "shared";
5
-
6
- @import "float/container";
7
- @import "float/span";
8
- @import "float/end";
9
- @import "float/isolate";
@@ -1,15 +0,0 @@
1
- // Shared API
2
- // ==========
3
-
4
- @import "support";
5
-
6
- @import "shared/inspect";
7
- @import "shared/output";
8
- @import "shared/direction";
9
- @import "shared/background";
10
- @import "shared/container";
11
- @import "shared/margins";
12
- @import "shared/padding";
13
-
14
-
15
-
@@ -1,9 +0,0 @@
1
- // Susy Browser Support
2
- // ====================
3
-
4
- @import "support/support";
5
- @import "support/prefix";
6
- @import "support/background";
7
- @import "support/box-sizing";
8
- @import "support/rem";
9
- @import "support/clearfix";
@@ -1,16 +0,0 @@
1
- // Float Container API
2
- // ===================
3
-
4
- // Float Container
5
- // ---------------
6
- // - [$width] : <length>
7
- // - [$justify] : left | center | right
8
- // - [$math] : fluid | static
9
- @mixin float-container(
10
- $width,
11
- $justify: auto auto,
12
- $property: max-width
13
- ) {
14
- @include susy-clearfix;
15
- @include container-output($width, $justify, $property);
16
- }