basscss-jekyll-theme 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 (70) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +48 -0
  4. data/_includes/head.html +14 -0
  5. data/_layouts/default.html +13 -0
  6. data/_layouts/page.html +5 -0
  7. data/_layouts/post.html +5 -0
  8. data/_sass/_ace.scss +32 -0
  9. data/_sass/_basscss-basic.scss +90 -0
  10. data/_sass/_basscss.scss +13 -0
  11. data/_sass/basscss-addons/all.scss +7 -0
  12. data/_sass/basscss-addons/background-colors.scss +24 -0
  13. data/_sass/basscss-addons/background-images.scss +15 -0
  14. data/_sass/basscss-addons/border-colors.scss +24 -0
  15. data/_sass/basscss-addons/btn-outline.scss +33 -0
  16. data/_sass/basscss-addons/btn-primary.scss +33 -0
  17. data/_sass/basscss-addons/btn-sizes.scss +23 -0
  18. data/_sass/basscss-addons/btn.scss +49 -0
  19. data/_sass/basscss-addons/colors.scss +27 -0
  20. data/_sass/basscss-addons/darken.scss +14 -0
  21. data/_sass/basscss-addons/debug-grid.scss +14 -0
  22. data/_sass/basscss-addons/forms.scss +46 -0
  23. data/_sass/basscss-addons/highlight-dark.scss +141 -0
  24. data/_sass/basscss-addons/highlight.scss +139 -0
  25. data/_sass/basscss-addons/input-range.scss +77 -0
  26. data/_sass/basscss-addons/lighten.scss +14 -0
  27. data/_sass/basscss-addons/media-object.scss +53 -0
  28. data/_sass/basscss-addons/progress.scss +34 -0
  29. data/_sass/basscss-addons/responsive-layout.scss +17 -0
  30. data/_sass/basscss-addons/responsive-margin.scss +17 -0
  31. data/_sass/basscss-addons/responsive-padding.scss +17 -0
  32. data/_sass/basscss-addons/responsive-position.scss +10 -0
  33. data/_sass/basscss-addons/responsive-type-scale.scss +21 -0
  34. data/_sass/basscss-addons/responsive-typography.scss +11 -0
  35. data/_sass/basscss-lib/colors-variables.scss +33 -0
  36. data/_sass/basscss-lib/grid.scss +59 -0
  37. data/_sass/basscss-lib/lg-grid.scss +63 -0
  38. data/_sass/basscss-lib/lg-layout.scss +18 -0
  39. data/_sass/basscss-lib/lg-margin.scss +54 -0
  40. data/_sass/basscss-lib/lg-padding.scss +45 -0
  41. data/_sass/basscss-lib/lg-position.scss +11 -0
  42. data/_sass/basscss-lib/lg-type-scale.scss +12 -0
  43. data/_sass/basscss-lib/lg-typography.scss +7 -0
  44. data/_sass/basscss-lib/md-grid.scss +63 -0
  45. data/_sass/basscss-lib/md-layout.scss +18 -0
  46. data/_sass/basscss-lib/md-margin.scss +54 -0
  47. data/_sass/basscss-lib/md-padding.scss +45 -0
  48. data/_sass/basscss-lib/md-position.scss +11 -0
  49. data/_sass/basscss-lib/md-type-scale.scss +12 -0
  50. data/_sass/basscss-lib/md-typography.scss +7 -0
  51. data/_sass/basscss-lib/sm-grid.scss +63 -0
  52. data/_sass/basscss-lib/sm-layout.scss +18 -0
  53. data/_sass/basscss-lib/sm-margin.scss +54 -0
  54. data/_sass/basscss-lib/sm-padding.scss +45 -0
  55. data/_sass/basscss-lib/sm-position.scss +11 -0
  56. data/_sass/basscss-lib/sm-type-scale.scss +12 -0
  57. data/_sass/basscss-lib/sm-typography.scss +7 -0
  58. data/_sass/basscss/align.scss +7 -0
  59. data/_sass/basscss/border.scss +44 -0
  60. data/_sass/basscss/flexbox.scss +61 -0
  61. data/_sass/basscss/grid.scss +11 -0
  62. data/_sass/basscss/hide.scss +33 -0
  63. data/_sass/basscss/layout.scss +38 -0
  64. data/_sass/basscss/margin.scss +58 -0
  65. data/_sass/basscss/padding.scss +49 -0
  66. data/_sass/basscss/position.scss +23 -0
  67. data/_sass/basscss/type-scale.scss +17 -0
  68. data/_sass/basscss/typography.scss +48 -0
  69. data/assets/main.scss +6 -0
  70. metadata +154 -0
data/_sass/basscss-lib/lg-position.scss ADDED
@@ -0,0 +1,11 @@
1
+
2
+ @media (--breakpoint-lg) {
3
+ .lg-relative { position: relative }
4
+ .lg-absolute { position: absolute }
5
+ .lg-fixed { position: fixed }
6
+
7
+ .lg-top-0 { top: 0 }
8
+ .lg-right-0 { right: 0 }
9
+ .lg-bottom-0 { bottom: 0 }
10
+ .lg-left-0 { left: 0 }
11
+ }
data/_sass/basscss-lib/lg-type-scale.scss ADDED
@@ -0,0 +1,12 @@
1
+
2
+ @media (--breakpoint-lg) {
3
+ .lg-h00 { font-size: var(--h00) }
4
+ .lg-h0 { font-size: var(--h0) }
5
+ .lg-h1 { font-size: var(--h1) }
6
+ .lg-h2 { font-size: var(--h2) }
7
+ .lg-h3 { font-size: var(--h3) }
8
+ .lg-h4 { font-size: var(--h4) }
9
+ .lg-h5 { font-size: var(--h5) }
10
+ .lg-h6 { font-size: var(--h6) }
11
+ }
12
+
data/_sass/basscss-lib/lg-typography.scss ADDED
@@ -0,0 +1,7 @@
1
+
2
+ @media (--breakpoint-lg) {
3
+ .lg-left-align { text-align: left }
4
+ .lg-center { text-align: center }
5
+ .lg-right-align { text-align: right }
6
+ .lg-justify { text-align: justify }
7
+ }
data/_sass/basscss-lib/md-grid.scss ADDED
@@ -0,0 +1,63 @@
1
+
2
+ @media (--breakpoint-md) {
3
+
4
+ .md-col {
5
+ float: left;
6
+ box-sizing: border-box;
7
+ }
8
+
9
+ .md-col-right {
10
+ float: right;
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ .md-col-1 {
15
+ width: calc(1/12 * 100%);
16
+ }
17
+
18
+ .md-col-2 {
19
+ width: calc(2/12 * 100%);
20
+ }
21
+
22
+ .md-col-3 {
23
+ width: calc(3/12 * 100%);
24
+ }
25
+
26
+ .md-col-4 {
27
+ width: calc(4/12 * 100%);
28
+ }
29
+
30
+ .md-col-5 {
31
+ width: calc(5/12 * 100%);
32
+ }
33
+
34
+ .md-col-6 {
35
+ width: calc(6/12 * 100%);
36
+ }
37
+
38
+ .md-col-7 {
39
+ width: calc(7/12 * 100%);
40
+ }
41
+
42
+ .md-col-8 {
43
+ width: calc(8/12 * 100%);
44
+ }
45
+
46
+ .md-col-9 {
47
+ width: calc(9/12 * 100%);
48
+ }
49
+
50
+ .md-col-10 {
51
+ width: calc(10/12 * 100%);
52
+ }
53
+
54
+ .md-col-11 {
55
+ width: calc(11/12 * 100%);
56
+ }
57
+
58
+ .md-col-12 {
59
+ width: 100%;
60
+ }
61
+
62
+ }
63
+
data/_sass/basscss-lib/md-layout.scss ADDED
@@ -0,0 +1,18 @@
1
+
2
+ @media (--breakpoint-md) {
3
+
4
+ .md-inline { display: inline }
5
+ .md-block { display: block }
6
+ .md-inline-block { display: inline-block }
7
+ .md-table { display: table }
8
+ .md-table-cell { display: table-cell }
9
+
10
+ .md-overflow-hidden { overflow: hidden }
11
+ .md-overflow-scroll { overflow: scroll }
12
+ .md-overflow-auto { overflow: auto }
13
+
14
+ .md-left { float: left }
15
+ .md-right { float: right }
16
+
17
+ }
18
+
data/_sass/basscss-lib/md-margin.scss ADDED
@@ -0,0 +1,54 @@
1
+
2
+ @media (--breakpoint-md) {
3
+
4
+ .md-m0 { margin: 0 }
5
+ .md-mt0 { margin-top: 0 }
6
+ .md-mr0 { margin-right: 0 }
7
+ .md-mb0 { margin-bottom: 0 }
8
+ .md-ml0 { margin-left: 0 }
9
+ .md-mx0 { margin-left: 0; margin-right: 0 }
10
+ .md-my0 { margin-top: 0; margin-bottom: 0 }
11
+
12
+ .md-m1 { margin: var(--space-1) }
13
+ .md-mt1 { margin-top: var(--space-1) }
14
+ .md-mr1 { margin-right: var(--space-1) }
15
+ .md-mb1 { margin-bottom: var(--space-1) }
16
+ .md-ml1 { margin-left: var(--space-1) }
17
+ .md-mx1 { margin-left: var(--space-1); margin-right: var(--space-1) }
18
+ .md-my1 { margin-top: var(--space-1); margin-bottom: var(--space-1) }
19
+
20
+ .md-m2 { margin: var(--space-2) }
21
+ .md-mt2 { margin-top: var(--space-2) }
22
+ .md-mr2 { margin-right: var(--space-2) }
23
+ .md-mb2 { margin-bottom: var(--space-2) }
24
+ .md-ml2 { margin-left: var(--space-2) }
25
+ .md-mx2 { margin-left: var(--space-2); margin-right: var(--space-2) }
26
+ .md-my2 { margin-top: var(--space-2); margin-bottom: var(--space-2) }
27
+
28
+ .md-m3 { margin: var(--space-3) }
29
+ .md-mt3 { margin-top: var(--space-3) }
30
+ .md-mr3 { margin-right: var(--space-3) }
31
+ .md-mb3 { margin-bottom: var(--space-3) }
32
+ .md-ml3 { margin-left: var(--space-3) }
33
+ .md-mx3 { margin-left: var(--space-3); margin-right: var(--space-3) }
34
+ .md-my3 { margin-top: var(--space-3); margin-bottom: var(--space-3) }
35
+
36
+ .md-m4 { margin: var(--space-4) }
37
+ .md-mt4 { margin-top: var(--space-4) }
38
+ .md-mr4 { margin-right: var(--space-4) }
39
+ .md-mb4 { margin-bottom: var(--space-4) }
40
+ .md-ml4 { margin-left: var(--space-4) }
41
+ .md-mx4 { margin-left: var(--space-4); margin-right: var(--space-4) }
42
+ .md-my4 { margin-top: var(--space-4); margin-bottom: var(--space-4) }
43
+
44
+ .md-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }
45
+ .md-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }
46
+ .md-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }
47
+ .md-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }
48
+
49
+ .md-ml-auto { margin-left: auto }
50
+ .md-mr-auto { margin-right: auto }
51
+ .md-mx-auto { margin-left: auto; margin-right: auto; }
52
+
53
+ }
54
+
data/_sass/basscss-lib/md-padding.scss ADDED
@@ -0,0 +1,45 @@
1
+
2
+ @media (--breakpoint-md) {
3
+
4
+ .md-p0 { padding: 0 }
5
+ .md-pt0 { padding-top: 0 }
6
+ .md-pr0 { padding-right: 0 }
7
+ .md-pb0 { padding-bottom: 0 }
8
+ .md-pl0 { padding-left: 0 }
9
+ .md-px0 { padding-left: 0; padding-right: 0 }
10
+ .md-py0 { padding-top: 0; padding-bottom: 0 }
11
+
12
+ .md-p1 { padding: var(--space-1) }
13
+ .md-pt1 { padding-top: var(--space-1) }
14
+ .md-pr1 { padding-right: var(--space-1) }
15
+ .md-pb1 { padding-bottom: var(--space-1) }
16
+ .md-pl1 { padding-left: var(--space-1) }
17
+ .md-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }
18
+ .md-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }
19
+
20
+ .md-p2 { padding: var(--space-2) }
21
+ .md-pt2 { padding-top: var(--space-2) }
22
+ .md-pr2 { padding-right: var(--space-2) }
23
+ .md-pb2 { padding-bottom: var(--space-2) }
24
+ .md-pl2 { padding-left: var(--space-2) }
25
+ .md-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }
26
+ .md-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }
27
+
28
+ .md-p3 { padding: var(--space-3) }
29
+ .md-pt3 { padding-top: var(--space-3) }
30
+ .md-pr3 { padding-right: var(--space-3) }
31
+ .md-pb3 { padding-bottom: var(--space-3) }
32
+ .md-pl3 { padding-left: var(--space-3) }
33
+ .md-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }
34
+ .md-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }
35
+
36
+ .md-p4 { padding: var(--space-4) }
37
+ .md-pt4 { padding-top: var(--space-4) }
38
+ .md-pr4 { padding-right: var(--space-4) }
39
+ .md-pb4 { padding-bottom: var(--space-4) }
40
+ .md-pl4 { padding-left: var(--space-4) }
41
+ .md-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }
42
+ .md-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }
43
+
44
+ }
45
+
data/_sass/basscss-lib/md-position.scss ADDED
@@ -0,0 +1,11 @@
1
+
2
+ @media (--breakpoint-md) {
3
+ .md-relative { position: relative }
4
+ .md-absolute { position: absolute }
5
+ .md-fixed { position: fixed }
6
+
7
+ .md-top-0 { top: 0 }
8
+ .md-right-0 { right: 0 }
9
+ .md-bottom-0 { bottom: 0 }
10
+ .md-left-0 { left: 0 }
11
+ }
data/_sass/basscss-lib/md-type-scale.scss ADDED
@@ -0,0 +1,12 @@
1
+
2
+ @media (--breakpoint-md) {
3
+ .md-h00 { font-size: var(--h00) }
4
+ .md-h0 { font-size: var(--h0) }
5
+ .md-h1 { font-size: var(--h1) }
6
+ .md-h2 { font-size: var(--h2) }
7
+ .md-h3 { font-size: var(--h3) }
8
+ .md-h4 { font-size: var(--h4) }
9
+ .md-h5 { font-size: var(--h5) }
10
+ .md-h6 { font-size: var(--h6) }
11
+ }
12
+
data/_sass/basscss-lib/md-typography.scss ADDED
@@ -0,0 +1,7 @@
1
+
2
+ @media (--breakpoint-md) {
3
+ .md-left-align { text-align: left }
4
+ .md-center { text-align: center }
5
+ .md-right-align { text-align: right }
6
+ .md-justify { text-align: justify }
7
+ }
data/_sass/basscss-lib/sm-grid.scss ADDED
@@ -0,0 +1,63 @@
1
+
2
+ @media (--breakpoint-sm) {
3
+
4
+ .sm-col {
5
+ float: left;
6
+ box-sizing: border-box;
7
+ }
8
+
9
+ .sm-col-right {
10
+ float: right;
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ .sm-col-1 {
15
+ width: calc(1/12 * 100%);
16
+ }
17
+
18
+ .sm-col-2 {
19
+ width: calc(2/12 * 100%);
20
+ }
21
+
22
+ .sm-col-3 {
23
+ width: calc(3/12 * 100%);
24
+ }
25
+
26
+ .sm-col-4 {
27
+ width: calc(4/12 * 100%);
28
+ }
29
+
30
+ .sm-col-5 {
31
+ width: calc(5/12 * 100%);
32
+ }
33
+
34
+ .sm-col-6 {
35
+ width: calc(6/12 * 100%);
36
+ }
37
+
38
+ .sm-col-7 {
39
+ width: calc(7/12 * 100%);
40
+ }
41
+
42
+ .sm-col-8 {
43
+ width: calc(8/12 * 100%);
44
+ }
45
+
46
+ .sm-col-9 {
47
+ width: calc(9/12 * 100%);
48
+ }
49
+
50
+ .sm-col-10 {
51
+ width: calc(10/12 * 100%);
52
+ }
53
+
54
+ .sm-col-11 {
55
+ width: calc(11/12 * 100%);
56
+ }
57
+
58
+ .sm-col-12 {
59
+ width: 100%;
60
+ }
61
+
62
+ }
63
+
data/_sass/basscss-lib/sm-layout.scss ADDED
@@ -0,0 +1,18 @@
1
+
2
+ @media (--breakpoint-sm) {
3
+
4
+ .sm-inline { display: inline }
5
+ .sm-block { display: block }
6
+ .sm-inline-block { display: inline-block }
7
+ .sm-table { display: table }
8
+ .sm-table-cell { display: table-cell }
9
+
10
+ .sm-overflow-hidden { overflow: hidden }
11
+ .sm-overflow-scroll { overflow: scroll }
12
+ .sm-overflow-auto { overflow: auto }
13
+
14
+ .sm-left { float: left }
15
+ .sm-right { float: right }
16
+
17
+ }
18
+
data/_sass/basscss-lib/sm-margin.scss ADDED
@@ -0,0 +1,54 @@
1
+
2
+ @media (--breakpoint-sm) {
3
+
4
+ .sm-m0 { margin: 0 }
5
+ .sm-mt0 { margin-top: 0 }
6
+ .sm-mr0 { margin-right: 0 }
7
+ .sm-mb0 { margin-bottom: 0 }
8
+ .sm-ml0 { margin-left: 0 }
9
+ .sm-mx0 { margin-left: 0; margin-right: 0 }
10
+ .sm-my0 { margin-top: 0; margin-bottom: 0 }
11
+
12
+ .sm-m1 { margin: var(--space-1) }
13
+ .sm-mt1 { margin-top: var(--space-1) }
14
+ .sm-mr1 { margin-right: var(--space-1) }
15
+ .sm-mb1 { margin-bottom: var(--space-1) }
16
+ .sm-ml1 { margin-left: var(--space-1) }
17
+ .sm-mx1 { margin-left: var(--space-1); margin-right: var(--space-1) }
18
+ .sm-my1 { margin-top: var(--space-1); margin-bottom: var(--space-1) }
19
+
20
+ .sm-m2 { margin: var(--space-2) }
21
+ .sm-mt2 { margin-top: var(--space-2) }
22
+ .sm-mr2 { margin-right: var(--space-2) }
23
+ .sm-mb2 { margin-bottom: var(--space-2) }
24
+ .sm-ml2 { margin-left: var(--space-2) }
25
+ .sm-mx2 { margin-left: var(--space-2); margin-right: var(--space-2) }
26
+ .sm-my2 { margin-top: var(--space-2); margin-bottom: var(--space-2) }
27
+
28
+ .sm-m3 { margin: var(--space-3) }
29
+ .sm-mt3 { margin-top: var(--space-3) }
30
+ .sm-mr3 { margin-right: var(--space-3) }
31
+ .sm-mb3 { margin-bottom: var(--space-3) }
32
+ .sm-ml3 { margin-left: var(--space-3) }
33
+ .sm-mx3 { margin-left: var(--space-3); margin-right: var(--space-3) }
34
+ .sm-my3 { margin-top: var(--space-3); margin-bottom: var(--space-3) }
35
+
36
+ .sm-m4 { margin: var(--space-4) }
37
+ .sm-mt4 { margin-top: var(--space-4) }
38
+ .sm-mr4 { margin-right: var(--space-4) }
39
+ .sm-mb4 { margin-bottom: var(--space-4) }
40
+ .sm-ml4 { margin-left: var(--space-4) }
41
+ .sm-mx4 { margin-left: var(--space-4); margin-right: var(--space-4) }
42
+ .sm-my4 { margin-top: var(--space-4); margin-bottom: var(--space-4) }
43
+
44
+ .sm-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1) }
45
+ .sm-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2) }
46
+ .sm-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3) }
47
+ .sm-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4) }
48
+
49
+ .sm-ml-auto { margin-left: auto }
50
+ .sm-mr-auto { margin-right: auto }
51
+ .sm-mx-auto { margin-left: auto; margin-right: auto }
52
+
53
+ }
54
+
data/_sass/basscss-lib/sm-padding.scss ADDED
@@ -0,0 +1,45 @@
1
+
2
+ @media (--breakpoint-sm) {
3
+
4
+ .sm-p0 { padding: 0 }
5
+ .sm-pt0 { padding-top: 0 }
6
+ .sm-pr0 { padding-right: 0 }
7
+ .sm-pb0 { padding-bottom: 0 }
8
+ .sm-pl0 { padding-left: 0 }
9
+ .sm-px0 { padding-left: 0; padding-right: 0 }
10
+ .sm-py0 { padding-top: 0; padding-bottom: 0 }
11
+
12
+ .sm-p1 { padding: var(--space-1) }
13
+ .sm-pt1 { padding-top: var(--space-1) }
14
+ .sm-pr1 { padding-right: var(--space-1) }
15
+ .sm-pb1 { padding-bottom: var(--space-1) }
16
+ .sm-pl1 { padding-left: var(--space-1) }
17
+ .sm-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }
18
+ .sm-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }
19
+
20
+ .sm-p2 { padding: var(--space-2) }
21
+ .sm-pt2 { padding-top: var(--space-2) }
22
+ .sm-pr2 { padding-right: var(--space-2) }
23
+ .sm-pb2 { padding-bottom: var(--space-2) }
24
+ .sm-pl2 { padding-left: var(--space-2) }
25
+ .sm-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }
26
+ .sm-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }
27
+
28
+ .sm-p3 { padding: var(--space-3) }
29
+ .sm-pt3 { padding-top: var(--space-3) }
30
+ .sm-pr3 { padding-right: var(--space-3) }
31
+ .sm-pb3 { padding-bottom: var(--space-3) }
32
+ .sm-pl3 { padding-left: var(--space-3) }
33
+ .sm-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }
34
+ .sm-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }
35
+
36
+ .sm-p4 { padding: var(--space-4) }
37
+ .sm-pt4 { padding-top: var(--space-4) }
38
+ .sm-pr4 { padding-right: var(--space-4) }
39
+ .sm-pb4 { padding-bottom: var(--space-4) }
40
+ .sm-pl4 { padding-left: var(--space-4) }
41
+ .sm-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }
42
+ .sm-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }
43
+
44
+ }
45
+
data/_sass/basscss-lib/sm-position.scss ADDED
@@ -0,0 +1,11 @@
1
+
2
+ @media (--breakpoint-sm) {
3
+ .sm-relative { position: relative }
4
+ .sm-absolute { position: absolute }
5
+ .sm-fixed { position: fixed }
6
+
7
+ .sm-top-0 { top: 0 }
8
+ .sm-right-0 { right: 0 }
9
+ .sm-bottom-0 { bottom: 0 }
10
+ .sm-left-0 { left: 0 }
11
+ }