jekyll-theme-mehdix-rtl 0.1.15 → 0.1.16

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 4b29e75091e753016a662eeaf22a82f90c0758e6
4
- data.tar.gz: ecf42902be9c03d2d11b0bdde6870acf614a91dd
3
+ metadata.gz: 800d8c54851b2f1b160a860c4bc342b4d8430de9
4
+ data.tar.gz: 417f37477e70e1e7a867409071a5a0bbc2620881
5
5
  SHA512:
6
- metadata.gz: 8adfacfa4842b3334656aed81d60f9aadc1d516f7274c993cc7cc2fa6db3dd1f7ab4af9469da1281558a9d1cded9682b1f8933d013c751c869d6795361e5ebc9
7
- data.tar.gz: 2783c41f94aba824ad874f23e3368bd5cf9ea70aa74ffb0e9a408562449744fc2a77ab9d8cc0f501c486c6f6d5496651acf3c9dd9c126001d56272fdd0ece5a7
6
+ metadata.gz: d91ec71f6d202a6ea3d7ff2a3086b3f636517b2cbea5084958b7f9330028fd771a1099c997daaa834d98d1d2588d4ee67208dfee88b928650d3efb723250ba4a
7
+ data.tar.gz: f53eaa4f0e8cef6d9a6ae319b58f22069edc3ff928b04852d90ea9cd00e301b88149be5f7367f624bc8e3270aa99a246a309793a0ecf85dcef971bb6eaa36326
@@ -1,17 +1,12 @@
1
- /**
2
- * Reset some basic elements
3
- */
4
- body, h1, h2, h3, h4, h5, h6,
5
- p, blockquote, pre, hr,
6
- dl, dd, ol, ul, figure {
1
+ * {
7
2
  margin: 0;
8
3
  }
9
4
 
5
+ html, body {
6
+ height: 100%;
7
+ padding: 0;
8
+ }
10
9
 
11
-
12
- /**
13
- * Basic styling
14
- */
15
10
  body {
16
11
  font-family: $base-font-family;
17
12
  font-size: $base-font-size;
@@ -23,8 +18,6 @@ body {
23
18
  overflow-wrap: break-word;
24
19
  }
25
20
 
26
-
27
-
28
21
  /**
29
22
  * Set `margin-bottom` to maintain vertical rhythm
30
23
  */
@@ -35,22 +28,12 @@ ul, ol, dl, figure,
35
28
  margin-bottom: $spacing-unit / 2;
36
29
  }
37
30
 
38
-
39
-
40
- /**
41
- * Images
42
- */
43
31
  img {
44
32
  max-width: 100%;
45
33
  height: auto;
46
34
  vertical-align: middle;
47
35
  }
48
36
 
49
-
50
-
51
- /**
52
- * Figures
53
- */
54
37
  figure > img {
55
38
  display: block;
56
39
  }
@@ -59,13 +42,9 @@ figcaption {
59
42
  font-size: $small-font-size;
60
43
  }
61
44
 
62
-
63
-
64
- /**
65
- * Lists
66
- */
67
45
  ul, ol {
68
46
  margin-left: $spacing-unit;
47
+ list-style-type: persian;
69
48
  }
70
49
 
71
50
  li {
@@ -75,63 +54,63 @@ li {
75
54
  }
76
55
  }
77
56
 
78
-
79
-
80
- /**
81
- * Headings
82
- */
83
57
  h1, h2, h3, h4, h5, h6 {
84
58
  font-weight: 300;
85
59
  }
86
60
 
87
-
88
-
89
- /**
90
- * Links
91
- */
92
61
  a {
93
- color: $brand-color;
62
+ // color: $brand-color;
63
+ color: $text-color;
94
64
  text-decoration: none;
95
65
 
96
66
  &:visited {
97
- color: darken($brand-color, 15%);
67
+ //color: darken($brand-color, 15%);
68
+ color: darken($brand-color, 20%);
98
69
  }
99
70
 
100
71
  &:hover {
101
- color: $text-color;
102
- text-decoration: underline;
72
+ //color: $text-color;
73
+ //text-decoration: underline;
74
+ text-decoration: none;
75
+ color: $brand-color;
103
76
  }
104
77
  }
105
78
 
106
-
107
-
108
- /**
109
- * Blockquotes
110
- */
79
+ /* Style for glyphs in quotation marks, courtesy of EnigmaRM http://stackoverflow.com/a/16326442/157216 */
111
80
  blockquote {
81
+ font-family: $alt-font-family;
112
82
  color: $grey-color;
113
- border-left: 4px solid $grey-color-light;
114
- padding-left: $spacing-unit / 2;
115
- font-size: 18px;
83
+ //border-left: 4px solid $grey-color-light;
84
+ //padding-left: $spacing-unit / 2;
85
+ //font-size: 18px;
116
86
  letter-spacing: -1px;
117
87
  font-style: italic;
118
88
 
89
+ border-left: none;
90
+ padding-right: $spacing-unit / 2;
91
+ padding-left: none;
92
+ font-size: x-large;
93
+ margin: 0.25em 0;
94
+ padding: 0.35em;
95
+ line-height: 1.45;
96
+ position: relative;
97
+
119
98
  > :last-child {
120
99
  margin-bottom: 0;
121
100
  }
122
- }
123
101
 
102
+ > p {
103
+ border-right: 4px solid $brand-color;
104
+ padding-right: $spacing-unit / 2;
105
+ }
106
+ }
124
107
 
125
108
 
126
- /**
127
- * Code formatting
128
- */
129
109
  pre,
130
110
  code {
131
111
  font-size: 15px;
132
112
  border: 1px solid $grey-color-light;
133
113
  border-radius: 3px;
134
- /* background-color: #eef; */
135
114
  }
136
115
 
137
116
  code {
@@ -140,7 +119,8 @@ code {
140
119
 
141
120
  pre {
142
121
  padding: 8px 12px;
143
- overflow-x: scroll;
122
+ // overflow-x: scroll;
123
+ overflow-x: auto;
144
124
  > code {
145
125
  border: 0;
146
126
  padding-right: 0;
@@ -148,11 +128,15 @@ pre {
148
128
  }
149
129
  }
150
130
 
131
+ table, td, th {
132
+ border: 1px dotted;
133
+ }
151
134
 
135
+ h1, h2:not(.footer-heading), h3, h4, h5, h6 {
136
+ color: darken($header-color, 20%);
137
+ margin-bottom: unset;
138
+ }
152
139
 
153
- /**
154
- * Wrapper
155
- */
156
140
  .wrapper {
157
141
  max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
158
142
  max-width: calc(800px - (#{$spacing-unit} * 2));
@@ -171,11 +155,6 @@ pre {
171
155
  }
172
156
  }
173
157
 
174
-
175
-
176
- /**
177
- * Clearfix
178
- */
179
158
  %clearfix {
180
159
 
181
160
  &:after {
@@ -185,21 +164,15 @@ pre {
185
164
  }
186
165
  }
187
166
 
188
-
189
-
190
- /**
191
- * Icons
192
- */
193
- .icon {
194
-
195
- > svg {
196
- display: inline-block;
197
- width: 16px;
198
- height: 16px;
199
- vertical-align: middle;
200
-
201
- path {
202
- fill: $grey-color;
203
- }
204
- }
167
+ @counter-style abjad {
168
+ system: additive;
169
+ range: 1 1000;
170
+ additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6A9", 10 "\649", 9 "\637", 8 "\62D", 7 "\632", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\62C", 2 "\628", 1 "\627\644\641";
205
171
  }
172
+
173
+ @counter-style abjad-persian {
174
+ system: additive;
175
+ range: 1 1000;
176
+ additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6AF", 10 "\649", 9 "\637", 8 "\62D", 7 "\698", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\686", 2 "\67E", 1 "\627\644\641";
177
+ suffix: ". ";
178
+ }
@@ -0,0 +1,93 @@
1
+ /* To adapt different screen sizes, mostly for code blocks */
2
+ @media screen and (max-width: 240px) {
3
+ pre {
4
+ width: 200px;
5
+ }
6
+
7
+ li .list-meta-col {
8
+ display: none;
9
+ }
10
+ }
11
+
12
+ @media screen and (max-width: 540px) {
13
+ li .list-meta-col {
14
+ display: none;
15
+ }
16
+ }
17
+
18
+ @media screen and (min-width: 240px) and (max-width: 280px) {
19
+ pre {
20
+ width: 240px;
21
+ }
22
+ }
23
+
24
+ /*Including Apple iPhone 5 */
25
+ @media screen and (min-width: 280px) and (max-width: 320px) {
26
+ pre {
27
+ width: 260px;
28
+ }
29
+ }
30
+
31
+ /*Including Apple iPhone 5 */
32
+ @media screen and (min-width: 321px) and (max-width: 360px) {
33
+ pre {
34
+ width: 300px;
35
+ }
36
+ }
37
+
38
+ @media screen and (min-width: 361px) and (max-width: 400px) {
39
+ pre {
40
+ width: 340px;
41
+ }
42
+ }
43
+
44
+ /* Nexus 4 */
45
+ @media screen and (min-width: 384px) and (max-width: 384px) {
46
+ pre {
47
+ width: 330px;
48
+ }
49
+ }
50
+
51
+ @media screen and (min-width: 401px) and (max-width: 540px) {
52
+ pre {
53
+ width: 365px;
54
+ }
55
+ }
56
+
57
+ @media screen and (min-width: 541px) and (max-width: 640px) {
58
+ pre {
59
+ width: 500px;
60
+ }
61
+ }
62
+
63
+ @media screen and (min-width: 641px) and (max-width: 768px) {
64
+ pre {
65
+ width: 600px;
66
+ }
67
+ }
68
+
69
+ /* iPad */
70
+ @media screen and (min-width: 768px) and (max-width: 768px) {
71
+ pre {
72
+ width: 705px;
73
+ }
74
+ }
75
+
76
+ /* Apple iPhone 6 */
77
+ @media screen and (min-width: 375px) and (max-width: 375px) {
78
+ pre {
79
+ width: 323px;
80
+ }
81
+ }
82
+
83
+ /* Apple iPhone 6 Plus */
84
+ @media screen and (min-width: 414px) and (max-width: 414px) {
85
+ pre {
86
+ width: 363px;
87
+ }
88
+ }
89
+
90
+ /* Correcting direction for code blocks */
91
+ .code, .highlighter-coderay, .highlight {
92
+ direction: ltr;
93
+ }
@@ -0,0 +1,130 @@
1
+ .site-footer {
2
+ background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
3
+ background-color: #282828;
4
+ background-size: 16px 16px;
5
+ border-top: none;
6
+ color: white;
7
+
8
+ a {
9
+ color: white;
10
+ }
11
+ }
12
+
13
+ .footer-heading {
14
+ font-size: 18px;
15
+ margin-bottom: 0;
16
+ padding-top: .75em;
17
+ }
18
+
19
+ .contact-list,
20
+ .social-media-list {
21
+ list-style: none;
22
+ margin-left: 0;
23
+ }
24
+
25
+ .social-media-list .icon {
26
+ width: 1em;
27
+ }
28
+
29
+ #mail-icon {
30
+ filter: invert(100);
31
+ }
32
+
33
+ .footer-col-wrapper {
34
+ font-size: 15px;
35
+ color: $grey-color;
36
+ display: inline-flex;
37
+ margin-top: 1em;
38
+
39
+ @extend %clearfix;
40
+ }
41
+
42
+ .footer-col {
43
+ float: left;
44
+ padding-left: $spacing-unit / 2;
45
+ }
46
+
47
+ .footer-col-1 {
48
+ width: -webkit-calc(35% - (#{$spacing-unit} / 2));
49
+ width: calc(35% - (#{$spacing-unit} / 2));
50
+ }
51
+
52
+ .footer-col-2 {
53
+ width: -webkit-calc(20% - (#{$spacing-unit} / 2));
54
+ width: calc(20% - (#{$spacing-unit} / 2));
55
+ }
56
+
57
+ .footer-col-3 {
58
+ width: -webkit-calc(45% - (#{$spacing-unit} / 2));
59
+ width: calc(45% - (#{$spacing-unit} / 2));
60
+ }
61
+
62
+ @include media-query($on-laptop) {
63
+ .footer-col-1,
64
+ .footer-col-2 {
65
+ width: -webkit-calc(50% - (#{$spacing-unit} / 2));
66
+ width: calc(50% - (#{$spacing-unit} / 2));
67
+ }
68
+
69
+ .footer-col-3 {
70
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
71
+ width: calc(100% - (#{$spacing-unit} / 2));
72
+ }
73
+ }
74
+
75
+ @include media-query($on-palm) {
76
+ .footer-col {
77
+ float: none;
78
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
79
+ width: calc(100% - (#{$spacing-unit} / 2));
80
+ padding-left: unset;
81
+ }
82
+
83
+ #footer_description, #gravatar_container, #footer_build_status,
84
+ .footer-heading, #license_link {
85
+ display: none;
86
+ }
87
+
88
+ #license {
89
+ font-size: 9px;
90
+ }
91
+
92
+ .site-footer {
93
+ text-align: center;
94
+ }
95
+
96
+ .social-media-list {
97
+ display: flex;
98
+ margin-top: 1em;
99
+ padding-right: unset;
100
+ }
101
+
102
+ #motto {
103
+ display: none;
104
+ }
105
+
106
+ .social-media-list li {
107
+ margin-right: 4px;
108
+ }
109
+
110
+ ul, ol {
111
+ margin-right: auto;
112
+ }
113
+ }
114
+
115
+ .footer-col {
116
+ float: right;
117
+ }
118
+
119
+ .circle {
120
+ clip-path: circle();
121
+ width: 100px;
122
+ }
123
+
124
+ #gravatar {
125
+ margin-top: 1em;
126
+ }
127
+
128
+ #license {
129
+ font-style: small;
130
+ }
@@ -1,11 +1,3 @@
1
- /* Reset */
2
- /* Source: http://stackoverflow.com/a/21652935/157216 */
3
- html, body {
4
- height: 100%;
5
- margin: 0;
6
- padding: 0;
7
- }
8
-
9
1
  .container {
10
2
  display: table;
11
3
  width: 100%;
@@ -23,41 +15,34 @@ html, body {
23
15
  background: #e7e7e7;
24
16
  }
25
17
 
26
- .header, .footer {
27
- padding: 10px 20px;
28
- background: #f7f7f7;
29
- }
30
-
31
- /**
32
- * Site header
33
- */
34
18
  .site-header {
35
- border-top: 5px solid $grey-color-dark;
36
- border-bottom: 1px solid $grey-color-light;
37
19
  min-height: 56px;
38
-
39
- // Positioning context for the mobile navigation icon
40
20
  position: relative;
41
- background-color: floralwhite;
21
+ border-bottom: none;
22
+
23
+ background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
24
+ background-color: #282828;
25
+ background-size: 16px 16px;
26
+ border-top: none;
27
+ color: white;
42
28
  }
43
29
 
44
30
  .site-title {
31
+ float: right;
45
32
  font-size: 26px;
46
33
  line-height: 56px;
47
34
  letter-spacing: -1px;
48
35
  margin-bottom: 0;
49
- float: left;
36
+ color: white;
50
37
 
51
38
  &,
52
39
  &:visited {
53
- color: $grey-color-dark;
40
+ color: white;
54
41
  }
55
-
56
- float: right;
57
42
  }
58
43
 
59
44
  .site-nav {
60
- float: right;
45
+ float: left;
61
46
  line-height: 56px;
62
47
 
63
48
  .menu-icon {
@@ -75,9 +60,11 @@ html, body {
75
60
  }
76
61
 
77
62
  @include media-query($on-palm) {
63
+ right: -webkit-calc(88% - (#{$spacing-unit} / 2));
64
+ right: calc(88% - (#{$spacing-unit} / 2));
78
65
  position: absolute;
79
66
  top: 9px;
80
- right: 30px;
67
+ //right: 30px;
81
68
  background-color: $background-color;
82
69
  border: 1px solid $grey-color-light;
83
70
  border-radius: 5px;
@@ -119,124 +106,6 @@ html, body {
119
106
  }
120
107
  }
121
108
 
122
- .site-footer {
123
- border-top: 1px solid $grey-color-light;
124
-
125
- //padding: $spacing-unit 0;
126
- background-color: floralwhite;
127
- }
128
-
129
- .footer-heading {
130
- font-size: 18px;
131
- margin-bottom: 0;
132
- padding-top: .75em;
133
- }
134
-
135
- .contact-list,
136
- .social-media-list {
137
- list-style: none;
138
- margin-left: 0;
139
- }
140
-
141
- .social-media-list .icon {
142
- width: 1em;
143
- }
144
-
145
- #mail-icon {
146
- filter: invert(100);
147
- }
148
-
149
- .footer-col-wrapper {
150
- font-size: 15px;
151
- color: $grey-color;
152
- display: inline-flex;
153
- margin-top: 1em;
154
-
155
- //margin-left: -$spacing-unit / 2;
156
-
157
- @extend %clearfix;
158
- }
159
-
160
- .footer-col {
161
- float: left;
162
-
163
- //margin-bottom: $spacing-unit / 2;
164
- padding-left: $spacing-unit / 2;
165
- }
166
-
167
- .footer-col-1 {
168
- width: -webkit-calc(35% - (#{$spacing-unit} / 2));
169
- width: calc(35% - (#{$spacing-unit} / 2));
170
- }
171
-
172
- .footer-col-2 {
173
- width: -webkit-calc(20% - (#{$spacing-unit} / 2));
174
- width: calc(20% - (#{$spacing-unit} / 2));
175
- }
176
-
177
- .footer-col-3 {
178
- width: -webkit-calc(45% - (#{$spacing-unit} / 2));
179
- width: calc(45% - (#{$spacing-unit} / 2));
180
- }
181
-
182
- @include media-query($on-laptop) {
183
- .footer-col-1,
184
- .footer-col-2 {
185
- width: -webkit-calc(50% - (#{$spacing-unit} / 2));
186
- width: calc(50% - (#{$spacing-unit} / 2));
187
- }
188
-
189
- .footer-col-3 {
190
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
191
- width: calc(100% - (#{$spacing-unit} / 2));
192
- }
193
- }
194
-
195
-
196
- @include media-query($on-palm) {
197
- .footer-col {
198
- float: none;
199
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
200
- width: calc(100% - (#{$spacing-unit} / 2));
201
- padding-left: unset;
202
- }
203
-
204
- #footer_description, #gravatar_container, #footer_build_status,
205
- .footer-heading, #license_link {
206
- display: none;
207
- }
208
-
209
- #license {
210
- font-size: 9px;
211
- }
212
-
213
- .site-footer {
214
- text-align: center;
215
- }
216
-
217
- .social-media-list {
218
- display: flex;
219
- margin-top: 1em;
220
- padding-right: unset;
221
- }
222
-
223
- #motto {
224
- display: none;
225
- }
226
-
227
- .social-media-list li {
228
- margin-right: 4px;
229
- }
230
-
231
- ul, ol {
232
- margin-right: auto;
233
- }
234
- }
235
-
236
-
237
- /**
238
- * Page content
239
- */
240
109
  .page-content {
241
110
  padding: $spacing-unit 0;
242
111
  }
@@ -245,443 +114,42 @@ html, body {
245
114
  font-size: 20px;
246
115
  }
247
116
 
248
- .post-list {
249
- margin-left: 0;
250
- padding-right: initial;
251
- list-style: none;
252
-
253
- > li {
254
- margin-bottom: $spacing-unit;
255
- }
256
- }
257
-
258
- .post-list h2 {
259
- margin-bottom: initial;
260
- }
261
-
262
- .post-meta {
263
- font-size: $small-font-size;
264
- color: $grey-color;
265
- }
266
-
267
- .post-link {
268
- display: block;
269
- font-size: 24px;
270
- font-weight: bold;
271
- }
272
-
273
- .post-header {
274
- margin-bottom: $spacing-unit;
275
- }
276
-
277
- .post-title {
278
- letter-spacing: -1px;
279
- line-height: 1.25;
280
- margin-bottom: 0;
281
-
282
- @include media-query($on-laptop) {
283
- font-size: 36px;
284
- }
285
- }
286
-
287
- .post-content {
288
- margin-bottom: $spacing-unit;
289
-
290
- h1 {
291
- font-size: 34px;
292
-
293
- @include media-query($on-laptop) {
294
- font-size: 36px;
295
- }
296
- }
297
-
298
- h2 {
299
- font-size: 32px;
300
-
301
- @include media-query($on-laptop) {
302
- font-size: 28px;
303
- }
304
- }
305
-
306
- h3 {
307
- font-size: 26px;
308
-
309
- @include media-query($on-laptop) {
310
- font-size: 22px;
311
- }
312
- }
313
-
314
- h4 {
315
- font-size: 20px;
316
-
317
- @include media-query($on-laptop) {
318
- font-size: 18px;
319
- }
320
- }
321
- }
322
-
323
- /* Extra styles */
324
-
325
- .circle {
326
- clip-path: circle();
327
- width: 100px;
328
- }
329
-
330
- #gravatar {
331
- margin-top: 1em;
332
- }
333
-
334
- table, td, th {
335
- border: 1px dotted;
336
- }
337
-
338
117
  .image-caption {
339
118
  text-align: center;
340
119
  color: $grey-color;
341
120
  margin-top: $spacing-unit / 3;
342
121
  }
343
122
 
344
- ul, ol {
345
- list-style-type: persian;
346
- }
347
-
348
- a {
349
- color: $text-color;
350
- }
351
-
352
- a:hover {
353
- text-decoration: none;
354
- color: $brand-color;
355
- }
356
-
357
- a:visited {
358
- color: darken($brand-color, 20%);
359
- }
360
-
361
- h1, h2:not(.footer-heading), h3, h4, h5, h6 {
362
- color: darken($header-color, 20%);
363
- margin-bottom: unset;
364
- }
365
-
366
- /* Style for glyphs in quotation marks, courtesy of EnigmaRM http://stackoverflow.com/a/16326442/157216 */
367
- blockquote {
368
- border-left: none;
369
- padding-right: $spacing-unit / 2;
370
- padding-left: none;
371
- font-size: x-large;
372
- margin: 0.25em 0;
373
- padding: 0.35em;
374
- line-height: 1.45;
375
- position: relative;
376
-
377
- //background-color: lighten($grey-color, 47%);
378
- }
379
-
380
- blockquote p {
381
- border-right: 4px solid $brand-color;
382
- padding-right: $spacing-unit / 2;
383
- }
384
-
385
- pre {
386
- overflow-x: auto;
387
- }
388
-
389
- /* To adapt different screen sizes, mostly for code blocks */
390
- @media screen and (max-width: 240px) {
391
- pre {
392
- width: 200px;
393
- }
394
-
395
- li .list-meta-col {
396
- display: none;
397
- }
398
- }
399
-
400
- @media screen and (max-width: 540px) {
401
- li .list-meta-col {
402
- display: none;
403
- }
404
- }
405
-
406
- @media screen and (min-width: 240px) and (max-width: 280px) {
407
- pre {
408
- width: 240px;
409
- }
410
- }
411
-
412
- /*Including Apple iPhone 5 */
413
- @media screen and (min-width: 280px) and (max-width: 320px) {
414
- pre {
415
- width: 260px;
416
- }
417
- }
418
-
419
- /*Including Apple iPhone 5 */
420
- @media screen and (min-width: 321px) and (max-width: 360px) {
421
- pre {
422
- width: 300px;
423
- }
424
- }
425
-
426
- @media screen and (min-width: 361px) and (max-width: 400px) {
427
- pre {
428
- width: 340px;
429
- }
430
- }
431
-
432
- /* Nexus 4 */
433
- @media screen and (min-width: 384px) and (max-width: 384px) {
434
- pre {
435
- width: 330px;
436
- }
437
- }
438
-
439
- @media screen and (min-width: 401px) and (max-width: 540px) {
440
- pre {
441
- width: 365px;
442
- }
443
- }
444
-
445
- @media screen and (min-width: 541px) and (max-width: 640px) {
446
- pre {
447
- width: 500px;
448
- }
449
- }
450
-
451
- @media screen and (min-width: 641px) and (max-width: 768px) {
452
- pre {
453
- width: 600px;
454
- }
455
- }
456
-
457
- /* iPad */
458
- @media screen and (min-width: 768px) and (max-width: 768px) {
459
- pre {
460
- width: 705px;
461
- }
462
- }
463
-
464
- /* Apple iPhone 6 */
465
- @media screen and (min-width: 375px) and (max-width: 375px) {
466
- pre {
467
- width: 323px;
468
- }
469
- }
470
-
471
- /* Apple iPhone 6 Plus */
472
- @media screen and (min-width: 414px) and (max-width: 414px) {
473
- pre {
474
- width: 363px;
475
- }
476
- }
477
-
478
- .site-header, .site-footer {
479
- background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
480
- background-color: #282828;
481
- background-size: 16px 16px;
482
- border-top: none;
483
- color: white;
484
- }
485
-
486
- .site-nav {
487
- float: left;
488
-
489
- @include media-query($on-palm) {
490
- right: -webkit-calc(88% - (#{$spacing-unit} / 2));
491
- right: calc(88% - (#{$spacing-unit} / 2));
492
- }
493
- }
494
-
495
- .footer-col {
496
- float: right;
497
- }
498
-
499
- /* Correcting direction for code blocks */
500
- .code, .highlighter-coderay, .highlight {
501
- direction: ltr;
502
- }
503
-
504
- .post-title, a.post-link {
505
- color: darken($brand-color, 10%);
506
- }
507
-
508
- /* Center page titles */
509
- .post-title {
510
- text-align: center;
511
- font-weight: bold;
512
- font-size: 2em;
513
- }
514
-
515
123
  .footnotes {
516
124
  font-size: small;
125
+ font-family: $alt-font-family;
517
126
  }
518
127
 
519
- /* To center images */
520
128
  .center {
521
129
  text-align: center;
522
130
  }
523
131
 
524
- .post-meta {
525
- @extend .center;
526
-
527
- //font-family: 'Open Sans', sans-serif;
528
- }
529
-
530
- /* Dotted bottom border for links */
531
- .post-content p a:hover {
532
- border-bottom: 1px dotted;
533
- color: $brand-color;
534
- }
535
-
536
- .post-content a {
537
- border-bottom: 1px dotted;
538
- color: darken($brand-color, 10%);
539
- }
540
-
541
- .site-footer {
542
- padding-bottom: 0px;
543
- }
544
-
545
- .site-header {
546
- border-bottom: none;
547
- }
548
-
549
- /* Overwrite colors for header and footer */
550
- .site-title, .site-title:visited {
551
- color: white;
552
- }
553
-
554
- .site-title a, .site-footer a {
555
- color: white;
556
- }
557
-
558
- /* Fix incorrect video sizes in post content (which messes the gradient lines */
559
- .post-content iframe {
560
- width: 100%;
561
- }
562
-
563
132
  .border {
564
133
  border-style: dotted;
565
134
  border-radius: 10px;
566
135
  border-color: $brand-color;
567
136
  }
568
137
 
569
- .post-image {
570
- text-align: center;
571
-
572
- img {
573
- width: 50%;
574
- display: inline;
575
- }
576
- }
577
-
578
138
  .list-meta-col {
579
139
  display: inline-block;
580
140
  width: 160px;
581
141
  text-align: right;
582
142
  }
583
143
 
584
- #post-list {
585
- list-style: none;
586
- }
587
-
588
- #post-list a {
589
- color: $text-color;
590
- }
591
-
592
- #post-list a:hover {
593
- color: $brand-color;
594
- }
595
-
596
- /* For license text */
597
- #license {
598
- font-style: small;
599
- }
600
-
601
- #forkme {
602
- @include media-query($on-palm) {
603
- display: none;
604
- }
605
- }
606
-
607
- /* Tag cloud sets. Numbers demonstrate repeat frequency for each tag */
608
-
609
- #post-tags {
610
- vertical-align: middle;
611
-
612
- > i {
613
- background-image: url($assets-dir + "/img/noun_4018.png");
144
+ .icon {
145
+ > svg {
614
146
  display: inline-block;
615
- width: 14px;
616
- height: 14px;
617
- margin-top: 1px;
618
- line-height: 14px;
619
- background-repeat: no-repeat;
620
- background-size: 15px 15px;
621
- }
622
-
623
- > a {
147
+ width: 16px;
148
+ height: 16px;
624
149
  vertical-align: middle;
625
- }
626
- }
627
150
 
628
- #tag-cloud [class^=set-] {
629
- color: $text-color;
630
-
631
- &:hover {
632
- color: $brand-color;
151
+ path {
152
+ fill: $grey-color;
153
+ }
633
154
  }
634
155
  }
635
-
636
- .set-1 {
637
- font-size: 0.7em;
638
- }
639
-
640
- .set-2 {
641
- font-size: 0.8em;
642
- }
643
-
644
- .set-3 {
645
- font-size: 0.9em;
646
- }
647
-
648
- .set-4 {
649
- font-size: 1.0em;
650
- }
651
-
652
- .set-5 {
653
- font-size: 1.1em;
654
- }
655
-
656
- .set-6 {
657
- font-size: 1.2em;
658
- }
659
-
660
- .set-7 {
661
- font-size: 1.3em;
662
- }
663
-
664
- .set-8 {
665
- font-size: 1.4em;
666
- }
667
-
668
- .set-9 {
669
- font-size: 1.5em;
670
- }
671
-
672
- .set-10 {
673
- font-size: 1.6em;
674
- }
675
-
676
- @counter-style abjad {
677
- system: additive;
678
- range: 1 1000;
679
- additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6A9", 10 "\649", 9 "\637", 8 "\62D", 7 "\632", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\62C", 2 "\628", 1 "\627\644\641";
680
- }
681
-
682
- @counter-style abjad-persian {
683
- system: additive;
684
- range: 1 1000;
685
- additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6AF", 10 "\649", 9 "\637", 8 "\62D", 7 "\698", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\686", 2 "\67E", 1 "\627\644\641";
686
- suffix: ". ";
687
- }
@@ -0,0 +1,111 @@
1
+ .post-list {
2
+ margin-left: 0;
3
+ padding-right: initial;
4
+ list-style: none;
5
+
6
+ > li {
7
+ margin-bottom: $spacing-unit;
8
+ }
9
+
10
+ h2 {
11
+ margin-bottom: initial;
12
+ }
13
+ }
14
+
15
+ #post-list {
16
+ list-style: none;
17
+ a {
18
+ color: $text-color;
19
+ }
20
+ a:hover {
21
+ color: $brand-color;
22
+ }
23
+ }
24
+
25
+ .post-meta {
26
+ @extend .center;
27
+ font-size: $small-font-size;
28
+ color: $grey-color;
29
+ }
30
+
31
+ .post-link {
32
+ display: block;
33
+ font-size: 24px;
34
+ font-weight: bold;
35
+ }
36
+
37
+ .post-header {
38
+ margin-bottom: $spacing-unit;
39
+ }
40
+
41
+ .post-title {
42
+ letter-spacing: -1px;
43
+ line-height: 1.25;
44
+ margin-bottom: 0;
45
+
46
+ text-align: center;
47
+ font-weight: bold;
48
+ font-size: 2em;
49
+
50
+ @include media-query($on-laptop) {
51
+ font-size: 36px;
52
+ }
53
+ }
54
+
55
+ .post-title, a.post-link {
56
+ color: darken($brand-color, 10%);
57
+ }
58
+
59
+ .post-image {
60
+ text-align: center;
61
+
62
+ img {
63
+ width: 50%;
64
+ display: inline;
65
+ }
66
+ }
67
+
68
+ .post-content {
69
+ margin-bottom: $spacing-unit;
70
+
71
+ a {
72
+ border-bottom: 1px dotted;
73
+ color: darken($brand-color, 10%);
74
+ }
75
+
76
+ iframe {
77
+ width: 100%;
78
+ }
79
+
80
+ h1 {
81
+ font-size: 34px;
82
+
83
+ @include media-query($on-laptop) {
84
+ font-size: 36px;
85
+ }
86
+ }
87
+
88
+ h2 {
89
+ font-size: 32px;
90
+
91
+ @include media-query($on-laptop) {
92
+ font-size: 28px;
93
+ }
94
+ }
95
+
96
+ h3 {
97
+ font-size: 26px;
98
+
99
+ @include media-query($on-laptop) {
100
+ font-size: 22px;
101
+ }
102
+ }
103
+
104
+ h4 {
105
+ font-size: 20px;
106
+
107
+ @include media-query($on-laptop) {
108
+ font-size: 18px;
109
+ }
110
+ }
111
+ }
@@ -0,0 +1,69 @@
1
+ /*
2
+ * Tag cloud sets. Numbers demonstrate repeat frequency for each tag
3
+ */
4
+ #post-tags {
5
+ vertical-align: middle;
6
+
7
+ > i {
8
+ background-image: url($assets-dir + "/img/noun_4018.png");
9
+ display: inline-block;
10
+ width: 14px;
11
+ height: 14px;
12
+ margin-top: 1px;
13
+ line-height: 14px;
14
+ background-repeat: no-repeat;
15
+ background-size: 15px 15px;
16
+ }
17
+
18
+ > a {
19
+ vertical-align: middle;
20
+ }
21
+ }
22
+
23
+ #tag-cloud [class^=set-] {
24
+ color: $text-color;
25
+
26
+ &:hover {
27
+ color: $brand-color;
28
+ }
29
+ }
30
+
31
+ .set-1 {
32
+ font-size: 0.7em;
33
+ }
34
+
35
+ .set-2 {
36
+ font-size: 0.8em;
37
+ }
38
+
39
+ .set-3 {
40
+ font-size: 0.9em;
41
+ }
42
+
43
+ .set-4 {
44
+ font-size: 1.0em;
45
+ }
46
+
47
+ .set-5 {
48
+ font-size: 1.1em;
49
+ }
50
+
51
+ .set-6 {
52
+ font-size: 1.2em;
53
+ }
54
+
55
+ .set-7 {
56
+ font-size: 1.3em;
57
+ }
58
+
59
+ .set-8 {
60
+ font-size: 1.4em;
61
+ }
62
+
63
+ .set-9 {
64
+ font-size: 1.5em;
65
+ }
66
+
67
+ .set-10 {
68
+ font-size: 1.6em;
69
+ }
@@ -6,8 +6,12 @@
6
6
  /* Droid Arabic Naskh */
7
7
  @import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
8
8
 
9
+ /* Noto Naskh Arabic */
10
+ @import url(https://fonts.googleapis.com/earlyaccess/notonaskharabic.css);
11
+
9
12
  /* Noto Kufi Arabic */
10
- //@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
13
+ @import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
14
+
11
15
 
12
16
  @font-face {
13
17
  font-family: "pfont";
@@ -21,6 +25,8 @@
21
25
  // Our variables
22
26
  $base-font-family: 'Droid Arabic Naskh', Arial, sans-serif;
23
27
 
28
+ $alt-font-family: 'Noto Kufi Arabic';
29
+
24
30
  $base-font-size: 16px;
25
31
  $small-font-size: $base-font-size * 0.875;
26
32
  $base-line-height: normal;
@@ -69,9 +75,13 @@ $assets-dir: '{{ "assets" | absolute_url }}';
69
75
 
70
76
  // Import partials from `sass_dir` (defaults to `_sass`)
71
77
  @import
72
- "pygments.css",
73
- "base",
74
- "layout",
75
- "print",
76
- "custom"
78
+ "pygments.css",
79
+ "base",
80
+ "layout",
81
+ "post",
82
+ "footer",
83
+ "tagcloud",
84
+ "code",
85
+ "print",
86
+ "custom"
77
87
  ;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-mehdix-rtl
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.15
4
+ version: 0.1.16
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mehdi Sadeghi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-12-18 00:00:00.000000000 Z
11
+ date: 2017-12-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -147,8 +147,12 @@ files:
147
147
  - _layouts/project.html
148
148
  - _layouts/tag_page.html
149
149
  - _sass/_base.scss
150
+ - _sass/_code.scss
151
+ - _sass/_footer.scss
150
152
  - _sass/_layout.scss
153
+ - _sass/_post.scss
151
154
  - _sass/_print.scss
155
+ - _sass/_tagcloud.scss
152
156
  - _sass/custom.scss
153
157
  - assets/css/main.scss
154
158
  - assets/css/pygments.css