jekyll-theme-satellite 1.1.2 → 1.2.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,251 +1,238 @@
1
- #category-list { width: 100%; }
1
+ #category-list { width:100%; }
2
2
 
3
3
  .category-tree {
4
- margin:0 0.5rem;
5
- position: relative;
6
- font-size: 0.875rem;
7
-
8
- p {
9
- margin: 0;
10
- padding: 1rem 0;
11
- padding-left: 1.5rem;
12
- line-height: 150%;
13
- font-weight: bold;
14
- color: slategrey;
15
- }
16
-
17
- a {
18
- color: dodgerblue;
19
- text-decoration: none;
20
- }
21
-
22
- svg {
23
- position: absolute;
24
- display: inline-flex;
25
- top: 18px;
26
- width: 14px;
27
- }
4
+ margin:0 8px;
5
+ position:relative;
6
+ font-size:0.875rem;
7
+
8
+ p {
9
+ margin:0;
10
+ padding:1rem 0 1rem 1.5rem;
11
+ line-height:150%;
12
+ font-weight:bold;
13
+ color:slategrey;
14
+ }
15
+
16
+ a {
17
+ color:dodgerblue;
18
+ text-decoration:none;
19
+ }
20
+
21
+ svg {
22
+ position:absolute;
23
+ display:inline-flex;
24
+ top:18px;
25
+ width:14px;
26
+ }
28
27
  }
29
28
 
30
29
  .category-header {
31
- margin: 0 0.5rem;
32
- margin-bottom: 1.5rem;
33
- font-weight: 600;
34
- border-bottom: 1px solid lightgrey;
35
- text-decoration: underline dimgrey;
36
- text-underline-offset: 12px;
37
- padding-bottom: 8px;
30
+ margin:0 8px 24px 8px;
31
+ font-weight:600;
32
+ border-bottom:1px solid lightgrey;
33
+ text-decoration:underline dimgrey;
34
+ text-underline-offset:12px;
35
+ padding-bottom:8px;
38
36
  }
39
37
 
40
38
  .paginated-list {
41
- margin: 0;
42
- padding: 0;
39
+ margin:0;
40
+ padding:0;
43
41
  }
44
-
45
42
  .paginated-item {
46
- list-style-type: none;
47
- height: fit-content;
43
+ list-style-type:none;
44
+ height:fit-content;
48
45
  }
49
46
 
50
47
  #article_content {
51
- border-bottom: 2px solid lightgrey;
52
-
53
- .thumbnail_post {
54
- display: block;
55
- background-size: cover;
56
- background-position: 50% 50%;
57
- width: 100%;
58
- aspect-ratio: 5 / 3;
59
- border-radius: 0;
60
- }
61
-
62
- .thumbnail_post:hover { opacity: 0.8; }
63
-
64
- .empty { opacity: 0.5; }
65
-
66
- .box_contents {
67
- margin: 0.75rem;
68
- position: relative;
69
- overflow: hidden;
70
- }
71
-
72
- a { text-decoration: none; }
73
-
74
- .title_post {
75
- font-weight: 600;
76
- font-size: 1rem;
77
- line-height: 2rem;
78
- word-break: normal;
79
- white-space: nowrap;
80
- overflow: hidden;
81
- text-overflow: ellipsis;
82
- text-align: left;
83
- }
84
-
85
- .info-post { font-size: 0.875rem; }
86
-
87
- .category{ color: mediumseagreen !important; }
88
-
89
- .title_post:hover,
90
- .category:hover {
91
- color: $color-rose;
92
- }
93
-
94
- .txt_post {
95
- display: -webkit-box;
96
- margin-bottom: 0.75rem;
97
- font-size: 0.875rem;
98
- color: grey;
99
- overflow: hidden;
100
- text-overflow: ellipsis;
101
- -webkit-line-clamp: 2;
102
- -webkit-box-orient: vertical;
103
- word-wrap: break-word;
104
- }
48
+ border-bottom:2px solid lightgrey;
49
+
50
+ .thumbnail_post {
51
+ display:block;
52
+ background-size:cover;
53
+ background-position:50% 50%;
54
+ width:100%;
55
+ aspect-ratio:5/3;
56
+ border-radius:0;
57
+
58
+ &:hover { opacity:0.8; }
59
+ }
60
+
61
+ .empty { opacity:0.5; }
62
+
63
+ .box_contents {
64
+ margin:12px;
65
+ position:relative;
66
+ overflow:hidden;
67
+ }
68
+
69
+ a { text-decoration:none; }
70
+
71
+ .info-post { font-size:0.875rem; }
72
+
73
+ .title_post {
74
+ font-weight:600;
75
+ font-size:1rem;
76
+ line-height:2rem;
77
+ word-break:normal;
78
+ white-space:nowrap;
79
+ overflow:hidden;
80
+ text-overflow:ellipsis;
81
+ text-align:left;
82
+ }
83
+ .title_post:hover,
84
+ .category:hover {
85
+ color:$color-rose;
86
+ }
87
+ .category{ color:mediumseagreen !important; }
88
+
89
+ .txt_post {
90
+ display:-webkit-box;
91
+ margin-bottom:12px;
92
+ font-size:0.875rem;
93
+ color:grey;
94
+ overflow:hidden;
95
+ text-overflow:ellipsis;
96
+ -webkit-line-clamp:2;
97
+ -webkit-box-orient:vertical;
98
+ word-wrap:break-word;
99
+ }
105
100
  }
106
101
 
107
102
  .no-posts {
108
- position: relative;
109
- margin: 6rem 0;
110
- text-align: center;
103
+ position:relative;
104
+ margin:6rem 0;
105
+ text-align:center;
111
106
 
112
- img {
113
- width: 50% !important;
114
- aspect-ratio: 2/1;
115
- }
107
+ img {
108
+ width:50% !important;
109
+ aspect-ratio:2/1;
110
+ }
116
111
 
117
- h1 {margin-top: 3rem;}
112
+ h1 {margin-top:3rem;}
118
113
  }
119
114
 
120
- .hidden { display: none; }
121
-
115
+ .hidden { display:none; }
116
+
122
117
  .pagination-container {
123
- width: 90%;
124
- display: flex;
125
- align-items: center;
126
- padding: 4rem 0;
127
- margin: auto;
128
- justify-content: center;
118
+ width:90%;
119
+ display:flex;
120
+ align-items:center;
121
+ padding:4rem 0;
122
+ margin:auto;
123
+ justify-content:center;
129
124
  }
130
-
131
125
  .pagination-number,
132
126
  .pagination-button{
133
- font-size: 1rem;
134
- margin: 4px;
135
- cursor: pointer;
136
- width: 2.5rem;
137
- aspect-ratio: 1.0;
138
- border-radius: .2rem;
127
+ font-size:1rem;
128
+ margin:4px;
129
+ cursor:pointer;
130
+ width:2.5rem;
131
+ aspect-ratio:1.0;
132
+ border-radius:.2rem;
139
133
  }
140
-
141
134
  .pagination-number:hover,
142
135
  .pagination-button:not(.disabled):hover {
143
- background: #fff;
136
+ background:#fff;
144
137
  }
145
-
146
138
  .pagination-number.active {
147
- color: #fff;
148
- background: #0085b6;
139
+ color:#fff;
140
+ background:#0085b6;
149
141
  }
150
142
 
151
143
  @include mq(tablet){
152
- .category-tree {
153
- margin: 0 2rem;
154
- font-size: 1.125rem;
155
-
156
- p {
157
- padding: 1.5rem 0;
158
- padding-left: 2rem;
159
- }
160
-
161
- svg {
162
- top: 28px;
163
- width: 18px;
164
- }
165
- }
166
-
167
- .category-header {
168
- font-size: 2.25rem;
169
- padding-bottom: 0.5rem;
170
- text-underline-offset: 16px;
171
- margin: 0 2rem;
172
- margin-bottom: 3rem;
173
- }
174
-
175
- .paginated-list { margin: auto 2rem; }
176
-
177
- .paginated-item {
178
- margin: 3rem 0;
179
- height: 12.5rem;
180
- }
181
-
182
- #article_content {
183
- display: flex;
184
- transition: .3s;
185
- box-shadow: 0 1px 1px 0 rgba(31, 35, 46, .15);
186
-
187
- &:hover {
188
- transform: translate(0px, -4px);
189
- box-shadow: 0 15px 45px -10px rgba(10, 16, 34, .2);
190
- }
191
-
192
- .thumbnail_post {
193
- display: block;
194
- height: 12.5rem;
195
- aspect-ratio: 4 / 3;
196
- margin: auto;
197
- }
198
-
199
- .box_contents {
200
- width: 100%;
201
- margin: auto 0 auto -5rem;
202
- padding: 0.5rem 1.5rem;
203
- background-color: rgba(255,255,255,0.95);
204
- background-image: url(/assets/img/tile.png);
205
- border-radius: 6px;
206
- }
207
-
208
- .title_post{
209
- font-size: 1.5rem;
210
- padding-top: 0.75rem;
211
- }
212
-
213
- .info-post,
214
- .txt_post {
215
- font-size: 1.125rem;
216
- }
217
-
218
- .category{ font-weight: bold; }
219
-
220
- .txt_post {
221
- margin-top: 1rem;
222
- margin-bottom: 1.5rem;
223
- }
224
- }
225
-
226
- .pagination-number,
227
- .pagination-button{
228
- font-size: 1.125rem;
229
- }
144
+
145
+ .category-tree {
146
+ margin:0 2rem;
147
+ font-size:1.125rem;
148
+
149
+ p { padding:1.5rem 0 1.5rem 2rem; }
150
+
151
+ svg {
152
+ top:28px;
153
+ width:18px;
154
+ }
155
+ }
156
+
157
+ .category-header {
158
+ font-size:2.25rem;
159
+ padding-bottom:8px;
160
+ text-underline-offset:16px;
161
+ margin:0 2rem 3rem 2rem;
162
+ }
163
+
164
+ .paginated-list { margin:auto 2rem; }
165
+ .paginated-item {
166
+ margin:3rem 0;
167
+ height:12.5rem;
168
+ }
169
+
170
+ #article_content {
171
+ display:flex;
172
+ transition:.3s;
173
+ box-shadow:0 1px 1px 0 rgba(31, 35, 46, .15);
174
+
175
+ &:hover {
176
+ transform:translate(0px, -4px);
177
+ box-shadow:0 15px 45px -10px rgba(10, 16, 34, .2);
178
+ }
179
+
180
+ .thumbnail_post {
181
+ display:block;
182
+ height:12.5rem;
183
+ aspect-ratio:4/3;
184
+ margin:auto;
185
+ }
186
+
187
+ .box_contents {
188
+ width:100%;
189
+ margin:auto 0 auto -5rem;
190
+ padding:8px 24px;
191
+ background-color:rgba(255,255,255,0.95);
192
+ background-image:url(/assets/img/tile.png);
193
+ border-radius:6px;
194
+ }
195
+
196
+ .category{ font-weight:bold; }
197
+
198
+ .title_post{
199
+ font-size:1.5rem;
200
+ padding-top:12px;
201
+ }
202
+ .info-post,
203
+ .txt_post {
204
+ font-size:1.125rem;
205
+ }
206
+ .txt_post {
207
+ margin-top:1rem;
208
+ margin-bottom:1.5rem;
209
+ }
210
+ }
211
+
212
+ .pagination-number,
213
+ .pagination-button{
214
+ font-size:1.125rem;
215
+ }
216
+
230
217
  }
231
218
 
232
219
  @include mq(desktop){
233
- .category-header { font-size: 3rem; }
234
220
 
235
- .paginated-item { height: 15rem; }
236
-
237
- #article_content {
238
- .thumbnail_post { height: 15rem; }
221
+ .category-header { font-size:3rem; }
239
222
 
240
- .box_contents {
241
- margin-left: -6rem;
242
- border-radius: 8px;
243
- }
244
-
245
- .date { font-size: 1.125rem; }
223
+ .paginated-item { height:15rem; }
246
224
 
247
- .category { font-size: 1.25rem; }
225
+ #article_content {
226
+ .thumbnail_post { height:15rem; }
227
+
228
+ .box_contents {
229
+ margin-left:-6rem;
230
+ border-radius:8px;
231
+ }
232
+
233
+ .date { font-size:1.125rem; }
234
+ .category { font-size:1.25rem; }
235
+ .txt_post { margin-top:1.25rem; }
236
+ }
248
237
 
249
- .txt_post { margin-top: 1.25rem; }
250
- }
251
238
  }