sencilla 0.7.8 → 0.7.9

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5db245db1fe17526749b882cd14b75035361013821a929e51733ed29f72d4c15
4
- data.tar.gz: bff3c32fa1471328a6407fcedbf4883bc1f46c9d7315382b4042de7da5ffcf56
3
+ metadata.gz: 0656f4d93db90c1a09f71d00cbf9e61f9c83b54ffc14297e7c62599c413a4e5a
4
+ data.tar.gz: 57d052ffc84a27d41f99c4c1c25cb0b2e22488372b87c904ed4e72041d474071
5
5
  SHA512:
6
- metadata.gz: 8fc4698760ab2446dedecf5661eab907d85ebdfda7843cb641305b846ff49c94d99bd5a25a770ddd43d3fb38a496f2bf5e126444bede0cbac4e6ab081f886981
7
- data.tar.gz: b7cb061b6b730e7707cb6685c5a576c39d8ed37dea096052c2dc71bb9a8c71bef63a39c1a6e15b47d5cd3dd09ad9229959addc4963c27994dff113c54bf80ab0
6
+ metadata.gz: 9926c37146940c2aefe6b2a6ac9ac5b7997f3fd4fb5d07b821f86dcfbdf95f9779e684c9e10d0a92c2b1a0a93beb31018e954f5eaefa48f1462cecbc5ac849e0
7
+ data.tar.gz: 664300dd23ea2223dae5388d11d555911ffa2c3049523c81a28e92835264252eded2b21a54ebac84d378f3c4b5e787191d861ff983bf37c940c6eea3d44aa3f9
data/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [![Gem Version](https://badge.fury.io/rb/sencilla.svg?icon=si%3Arubygems)](https://badge.fury.io/rb/sencilla)
4
4
 
5
- A Jekyll theme for blogs and portfolio websites.
5
+ A Jekyll theme for blogs.
6
6
 
7
7
  ![](screenshot.png)
8
8
 
@@ -1,3 +1,5 @@
1
+ @use "sencilla/variables" as *;
2
+
1
3
  /**
2
4
  * Reset some basic elements
3
5
  */
@@ -1,3 +1,6 @@
1
+ @use "sencilla/variables" as *;
2
+ @use "sencilla/base";
3
+
1
4
  /* -------------------- header ----------------------- */
2
5
 
3
6
  /*
@@ -1,3 +1,6 @@
1
+ @use "sencilla/variables" as *;
2
+ @use "sencilla/base";
3
+
1
4
  /**
2
5
  * Syntax highlighting styles
3
6
  */
@@ -0,0 +1,146 @@
1
+ /* ************* content width *********** */
2
+
3
+ $content-width: 1100px !default;
4
+ $on-palm: 600px !default;
5
+ $on-tablet: 767px !default;
6
+
7
+ @mixin media-query($device) {
8
+ @media screen and (max-width: $device) {
9
+ @content;
10
+ }
11
+ }
12
+
13
+ @mixin relative-font-size($ratio) {
14
+ font-size: $base-font-size * $ratio;
15
+ }
16
+
17
+
18
+ /* ********* text formatting ************* */
19
+
20
+ $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
21
+ $base-font-size: 18px !default;
22
+ $base-font-weight: 400 !default;
23
+ $small-font-size: $base-font-size * 0.875 !default;
24
+ $base-line-height: 1.5 !default;
25
+ $spacing-unit: 30px !default;
26
+
27
+
28
+ /* ********* color definitions ************* */
29
+
30
+ /* main colors */
31
+ $lightest: #ffffff;
32
+ $grey0: #fafafa;
33
+ $grey1: #f5f5f5;
34
+ $grey2: #eeeeee;
35
+ $grey3: #e0e0e0;
36
+ $grey4: #bdbdbd;
37
+ $grey5: #9e9e9e;
38
+ $grey6: #757575;
39
+ $grey7: #616161;
40
+ $grey8: #424242;
41
+ $grey85: #313131;
42
+ $grey9: #212121;
43
+ $grey95: #111111;
44
+ $darkest: #000000;
45
+
46
+ /* highlighting colors */
47
+ $green5: #51cf66;
48
+ $yellow5: #51cf66;
49
+ $teal5: #20c997;
50
+ $lime7: #afb42b;
51
+ $orange5: #ff922b;
52
+ $cyan5: #22b8cf;
53
+ $cyan7: #1098ad;
54
+ $cyan9: #006064;
55
+
56
+
57
+ /* ************ main color scheme ************ */
58
+
59
+ /* navbar */
60
+ $nav-bg: $grey95 !default; /* background */
61
+ $nav-hl: $grey8 !default; /* highlight on hover */
62
+ $nav-hl-dark: $grey85 !default;
63
+ $nav-hl-light: $grey7 !default;
64
+ $nav-dd: $grey95 !default; /* dropdown */
65
+ $nav-text: $grey4 !default;
66
+ $nav-text-muted: $grey7 !default;
67
+
68
+ /* body */
69
+ $bg: $grey9 !default;
70
+ $text: $grey5 !default;
71
+ $text-light: $grey4 !default;
72
+ $text-dark: $grey6 !default;
73
+
74
+ /* borders */
75
+ $stroke: $grey8 !default;
76
+ $stroke-light: $grey7 !default;
77
+ $stroke-dark: $grey85 !default;
78
+
79
+ /* content box */
80
+ $box-fill: $grey85 !default;
81
+ $box-fill-dark: $grey95 !default;
82
+ $code: $box-fill !default;
83
+
84
+ /* footer */
85
+ $footer-color: $nav-bg !default;
86
+
87
+ $text-muted: $grey5;
88
+ //$profile-bg-color: $grey8;
89
+
90
+ /* Brand color */
91
+
92
+ /*$brand: $lime7;*/
93
+ $link: $cyan5;
94
+ $link-muted: $cyan7;
95
+ $link-hover: $text-light;
96
+
97
+
98
+ /* ************ profile page color scheme ************** */
99
+
100
+ /*
101
+ *
102
+ * dark bg
103
+ *
104
+ */
105
+
106
+ /* bg color */
107
+ $dark-bg: $grey9;
108
+
109
+ /* background shapes */
110
+ $dbg-shape: $grey85;
111
+
112
+ /* text color */
113
+ $dbg-text: $grey5;
114
+ $dbg-text-light: $grey4;
115
+ $dbg-text-dark: $grey6;
116
+ $dbg-text-muted: $grey7;
117
+
118
+ /*
119
+ *
120
+ * light bg
121
+ *
122
+ */
123
+
124
+ /* bg color */
125
+ $light-bg: $grey85;
126
+
127
+ /* shapes */
128
+ $lbg-shape: $grey8;
129
+
130
+ /* text color */
131
+ $lbg-text: $grey4;
132
+ $lbg-text-light: $grey3;
133
+ $lbg-text-dark: $grey5;
134
+ $lbg-text-muted: $grey7;
135
+
136
+
137
+ /* ********** other elements of the text ************/
138
+
139
+ $table-text-align: left !default;
140
+
141
+ /* box shadows */
142
+ $shadow: 0px 1px 2px 0px $grey95;
143
+ $shadow-body: 0px 2px 4px 0px $grey95;
144
+ $shadow-hover: 0px 3px 3px 1px $grey95;
145
+
146
+
data/_sass/sencilla.scss CHANGED
@@ -1,157 +1,7 @@
1
1
  @charset "utf-8";
2
2
 
3
+ @forward "sencilla/variables";
3
4
 
4
- /* ************* content width *********** */
5
-
6
- $content-width: 1100px !default;
7
- $on-palm: 600px !default;
8
- $on-tablet: 767px !default;
9
-
10
- @mixin media-query($device) {
11
- @media screen and (max-width: $device) {
12
- @content;
13
- }
14
- }
15
-
16
- @mixin relative-font-size($ratio) {
17
- font-size: $base-font-size * $ratio;
18
- }
19
-
20
-
21
- /* ********* text formatting ************* */
22
-
23
- $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
24
- $base-font-size: 18px !default;
25
- $base-font-weight: 400 !default;
26
- $small-font-size: $base-font-size * 0.875 !default;
27
- $base-line-height: 1.5 !default;
28
- $spacing-unit: 30px !default;
29
-
30
-
31
- /* ********* color definitions ************* */
32
-
33
- /* main colors */
34
- $lightest: #ffffff;
35
- $grey0: #fafafa;
36
- $grey1: #f5f5f5;
37
- $grey2: #eeeeee;
38
- $grey3: #e0e0e0;
39
- $grey4: #bdbdbd;
40
- $grey5: #9e9e9e;
41
- $grey6: #757575;
42
- $grey7: #616161;
43
- $grey8: #424242;
44
- $grey85: #313131;
45
- $grey9: #212121;
46
- $grey95: #111111;
47
- $darkest: #000000;
48
-
49
- /* highlighting colors */
50
- $green5: #51cf66;
51
- $yellow5: #51cf66;
52
- $teal5: #20c997;
53
- $lime7: #afb42b;
54
- $orange5: #ff922b;
55
- $cyan5: #22b8cf;
56
- $cyan7: #1098ad;
57
- $cyan9: #006064;
58
-
59
-
60
- /* ************ main color scheme ************ */
61
-
62
- /* navbar */
63
- $nav-bg: $grey95 !default; /* background */
64
- $nav-hl: $grey8 !default; /* highlight on hover */
65
- $nav-hl-dark: $grey85 !default;
66
- $nav-hl-light: $grey7 !default;
67
- $nav-dd: $grey95 !default; /* dropdown */
68
- $nav-text: $grey4 !default;
69
- $nav-text-muted: $grey7 !default;
70
-
71
- /* body */
72
- $bg: $grey9 !default;
73
- $text: $grey5 !default;
74
- $text-light: $grey4 !default;
75
- $text-dark: $grey6 !default;
76
-
77
- /* borders */
78
- $stroke: $grey8 !default;
79
- $stroke-light: $grey7 !default;
80
- $stroke-dark: $grey85 !default;
81
-
82
- /* content box */
83
- $box-fill: $grey85 !default;
84
- $box-fill-dark: $grey95 !default;
85
- $code: $box-fill !default;
86
-
87
- /* footer */
88
- $footer-color: $nav-bg !default;
89
-
90
- $text-muted: $grey5;
91
- //$profile-bg-color: $grey8;
92
-
93
- /* Brand color */
94
-
95
- /*$brand: $lime7;*/
96
- $link: $cyan5;
97
- $link-muted: $cyan7;
98
- $link-hover: $text-light;
99
-
100
-
101
- /* ************ profile page color scheme ************** */
102
-
103
- /*
104
- *
105
- * dark bg
106
- *
107
- */
108
-
109
- /* bg color */
110
- $dark-bg: $grey9;
111
-
112
- /* background shapes */
113
- $dbg-shape: $grey85;
114
-
115
- /* text color */
116
- $dbg-text: $grey5;
117
- $dbg-text-light: $grey4;
118
- $dbg-text-dark: $grey6;
119
- $dbg-text-muted: $grey7;
120
-
121
- /*
122
- *
123
- * light bg
124
- *
125
- */
126
-
127
- /* bg color */
128
- $light-bg: $grey85;
129
-
130
- /* shapes */
131
- $lbg-shape: $grey8;
132
-
133
- /* text color */
134
- $lbg-text: $grey4;
135
- $lbg-text-light: $grey3;
136
- $lbg-text-dark: $grey5;
137
- $lbg-text-muted: $grey7;
138
-
139
-
140
- /* ********** other elements of the text ************/
141
-
142
- $table-text-align: left !default;
143
-
144
- /* box shadows */
145
- $shadow: 0px 1px 2px 0px $grey95;
146
- $shadow-body: 0px 2px 4px 0px $grey95;
147
- $shadow-hover: 0px 3px 3px 1px $grey95;
148
-
149
-
150
- /* ********** import other files ************/
151
- @import
152
- "sencilla/base",
153
- "sencilla/layout",
154
- "sencilla/syntax-highlighting"
155
- ;
156
-
157
-
5
+ @use "sencilla/base";
6
+ @use "sencilla/layout";
7
+ @use "sencilla/syntax-highlighting";
data/assets/css/main.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  ---
2
2
  ---
3
- @import "sencilla";
3
+ @use "sencilla";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sencilla
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.7.8
4
+ version: 0.7.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mohit Saharan
@@ -88,6 +88,7 @@ files:
88
88
  - _sass/sencilla/_base.scss
89
89
  - _sass/sencilla/_layout.scss
90
90
  - _sass/sencilla/_syntax-highlighting.scss
91
+ - _sass/sencilla/_variables.scss
91
92
  - assets/css/main.scss
92
93
  - assets/img/posts/ufw.png
93
94
  - assets/img/profile-picture.jpg
@@ -112,5 +113,5 @@ required_rubygems_version: !ruby/object:Gem::Requirement
112
113
  requirements: []
113
114
  rubygems_version: 3.6.9
114
115
  specification_version: 4
115
- summary: A Jekyll theme for blogs and portfolio websites.
116
+ summary: A Jekyll theme for blogs.
116
117
  test_files: []