jekyll-theme-persephone 0.1.7 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,264 +0,0 @@
1
- .slide {
2
- width: 100vw;
3
- height: 100vh;
4
- overflow: hidden;
5
- }
6
- .slide__section {
7
- width: 100%;
8
- height: 100%;
9
- display: flex;
10
- align-items: center;
11
- justify-content: center;
12
- position: absolute;
13
- left: 0;
14
- top: 0;
15
- z-index: 1;
16
- opacity: 0;
17
- overflow: hidden;
18
- }
19
- .slide__section:first-child {
20
- z-index: 5;
21
- opacity: 1;
22
- }
23
- .slide__img {
24
- height: 85%;
25
- position: relative;
26
- overflow: hidden;
27
- }
28
- .slide__img_placehold {
29
- position: absolute;
30
- left: 0;
31
- top: 0;
32
- width: 100%;
33
- height: 100%;
34
- transform: translateY(0);
35
- background-color: var(--bg-color);
36
- background-size: 100% 100%;
37
- @include transition(all 0.35s ease);
38
- transform-origin: 100% 100%;
39
- }
40
- .slide__img .slide__link:hover ~ .slide__img_placehold {
41
- transform: scale(1.1);
42
- }
43
- .slide__img img {
44
- height: 100%;
45
- width: auto;
46
- }
47
- .slide__text {
48
- z-index: 5;
49
- position: relative;
50
- height: 120px;
51
- width: 275px;
52
- margin-top: -10%;
53
- }
54
- .slide__link {
55
- display: block;
56
- width: 100%;
57
- height: 100%;
58
- position: absolute;
59
- left: 0;
60
- top: 0;
61
- z-index: 6;
62
- }
63
- .slide__text_left {
64
- margin-right: -10%;
65
- text-align: right;
66
- }
67
- .slide__text_right {
68
- margin-left: -10%;
69
- text-align: left;
70
- }
71
- .slide__title {
72
- width: 275px;
73
- position: relative;
74
- background-color: transparent;
75
- min-height: 65px;
76
- }
77
- .slide__time {
78
- display: inline-block;
79
- margin-top: 0.5rem;
80
- background-color: transparent;
81
- height: 35px;
82
- width: 120px;
83
- position: relative;
84
- }
85
- .slide__title_inner, .slide__time_inner {
86
- background-color: var(--dark);
87
- opacity: 0;
88
- width: 0;
89
- height: 100%;
90
- position: absolute;
91
- top: 0;
92
- }
93
- .slide__text_left .slide__title_inner,
94
- .slide__text_left .slide__time_inner {
95
- right: 0;
96
- }
97
- .slide__text_right .slide__title_inner,
98
- .slide__text_right .slide__time_inner {
99
- left: 0;
100
- }
101
-
102
- .slide__title_text, .slide__time_text {
103
- color: var(--white);
104
- opacity: 0;
105
- }
106
- .slide__title_text {
107
- padding: 0 20px;
108
- line-height: 65px;
109
- overflow: hidden;
110
- text-overflow: ellipsis;
111
- white-space: nowrap;
112
- }
113
- .slide__text_left .slide__title_text {
114
- transform: translateX(100px);
115
- }
116
- .slide__text_right .slide__title_text {
117
- transform: translateX(-100px);
118
- }
119
- .slide__time_text {
120
- padding: 0 15px;
121
- line-height: 35px;
122
- text-align: center;
123
- }
124
- .slide__text_left .slide__time_text {
125
- transform: translateX(40px);
126
- }
127
- .slide__text_right .slide__time_text {
128
- transform: translateX(-40px);
129
- }
130
- .slide__desc {
131
- position: absolute;
132
- width: 80%;
133
- top: 100%;
134
- color: var(--gray);
135
- opacity: 0;
136
- transform: tranlateY(-100px);
137
- }
138
- .slide__text_left .slide__desc {
139
- right: 60%;
140
- }
141
- .slide__text_right .slide__desc {
142
- left: 60%;
143
- }
144
-
145
- .slide__controls {
146
- position: fixed;
147
- right: 3rem;
148
- top: 0;
149
- height: 100%;
150
- display: flex;
151
- width: 35px;
152
- align-items: flex-end;
153
- flex-direction: column;
154
- justify-content: center;
155
- z-index: 7;
156
-
157
- }
158
- .slide__control {
159
- width: 100%;
160
- height: 1.25rem;
161
- display: inline-block;
162
- cursor: pointer;
163
- position: relative;
164
- &:after {
165
- content: "";
166
- display: inline-block;
167
- width: 65%;
168
- height: 3px;
169
- background-color: var(--gray-light);
170
- position: absolute;
171
- right: 0;
172
- top: 50%;
173
- margin-top: -1.5px;
174
- @include transition(all 0.35s linear);
175
- }
176
- }
177
- .slide__control:hover:after {
178
- width: 100%;
179
- }
180
- .slide__control.current:after {
181
- background-color: var(--dark);
182
- width: 100%;;
183
- }
184
- .slide__control__icon {
185
- display: inline-block;
186
- width: 40px;
187
- height: 40px;
188
- border-radius: 50%;
189
- position: relative;
190
- margin-right: -10px;
191
- cursor: pointer;
192
- }
193
- .slide__control__icon.slide__control_top {
194
- margin-bottom: 3rem;
195
- }
196
- .slide__control__icon.slide__control_bottom {
197
- margin-top: 3rem;
198
- }
199
- .circle-progress {
200
- stroke: var(--gray-light);
201
- fill: none;
202
- stroke-width: 1;
203
- stroke-dasharray: 0 120;
204
- transition: all 0.45s ease-in;
205
- }
206
- .slide__control__icon:hover .circle-progress {
207
- stroke-dasharray: 120 120;
208
- }
209
- .slide__control_arrow {
210
- position: absolute;
211
- height: 60%;
212
- width: 2px;
213
- left: calc(50% - 1px);
214
- top: 20%;
215
- background-color: var(--gray-light);
216
- transition: all 0.25s ease-in;
217
- }
218
- .slide__control_arrow:after, .slide__control_arrow:before {
219
- @include pseudo();
220
- height: 50%;
221
- width: 2px;
222
- background-color: var(--gray-light);
223
- }
224
- .slide__control_up:after, .slide__control_up:before {
225
- top: 0;
226
- left: 0;
227
- }
228
- .slide__control_down:after, .slide__control_down:before {
229
- bottom: 0;
230
- left: 0;
231
- }
232
- .slide__control_up:before {
233
- transform-origin: top right;
234
- transform: rotate(-45deg);
235
- }
236
- .slide__control_up:after {
237
- transform-origin: left top;
238
- transform: rotate(45deg);
239
- }
240
- .slide__control_down:before {
241
- transform-origin: bottom right;
242
- transform: rotate(-45deg);
243
- }
244
- .slide__control_down:after {
245
- transform-origin: left bottom;
246
- transform: rotate(45deg);
247
- }
248
- @media screen and (max-width: 768px) {
249
- .slide__controls, .slide__desc {
250
- display: none;
251
- }
252
- .slide__img {
253
- width: calc(100% - 3rem);
254
- height: auto;
255
- }
256
- .slide__img img {
257
- width: 100%;
258
- height: auto;
259
- }
260
- .slide__text {
261
- position: absolute;
262
- margin-top: 0;
263
- }
264
- }
@@ -1,101 +0,0 @@
1
- .book-summary {
2
- position: absolute;
3
- top: 0px;
4
- left: -300px;
5
- bottom: 0px;
6
- z-index: 1;
7
- overflow-y: auto;
8
- width: 300px;
9
- color: var(--grayer);
10
- background: var(--white);
11
- border-right: 1px solid rgba(0, 0, 0, 0.07);
12
- -webkit-transition: left 250ms ease;
13
- -moz-transition: left 250ms ease;
14
- -o-transition: left 250ms ease;
15
- transition: left 250ms ease;
16
- &::-webkit-scrollbar {
17
- width: 8px;
18
- height: 1px;
19
- }
20
- &::-webkit-scrollbar-thumb {
21
- border-radius: 8px;
22
- background-color: var(--light);
23
- }
24
- &::-webkit-scrollbar-track {
25
- border-radius: 8px;
26
- background-color: var(--lightest);
27
- }
28
- }
29
- .book-summary ul.summary {
30
- list-style: none;
31
- margin: 0px;
32
- padding: 0px;
33
- -webkit-transition: top 0.5s ease;
34
- -moz-transition: top 0.5s ease;
35
- -o-transition: top 0.5s ease;
36
- transition: top 0.5s ease;
37
- font-size: 16px;
38
- }
39
- .book-summary ul.summary li {
40
- list-style: none;
41
- }
42
- .book-summary ul.summary li.header {
43
- padding: 10px 15px;
44
- padding-top: 20px;
45
- text-transform: uppercase;
46
- color: var(--gray);
47
- }
48
- .book-summary ul.summary li.divider {
49
- height: 1px;
50
- margin: 7px 0;
51
- overflow: hidden;
52
- background: rgba(0, 0, 0, 0.07);
53
- }
54
- .book-summary ul.summary li i.fa-check {
55
- display: none;
56
- position: absolute;
57
- right: 9px;
58
- top: 16px;
59
- font-size: 9px;
60
- color: #33cc33;
61
- }
62
- .book-summary ul.summary li.done > a {
63
- color: var(--grayer);
64
- font-weight: normal;
65
- }
66
- .book-summary ul.summary li.done > a i {
67
- display: inline;
68
- }
69
- .book-summary ul.summary li a,
70
- .book-summary ul.summary li span {
71
- display: block;
72
- padding: 10px 15px;
73
- border-bottom: none;
74
- color: var(--grayer);
75
- background: transparent;
76
- text-overflow: ellipsis;
77
- overflow: hidden;
78
- white-space: nowrap;
79
- position: relative;
80
- }
81
- .book-summary ul.summary li a:hover {
82
- text-decoration: underline;
83
- }
84
- .book-summary ul.summary li a:focus {
85
- outline: none;
86
- }
87
- .book-summary ul.summary li.active > a {
88
- color: var(--blue);
89
- background: transparent;
90
- text-decoration: none;
91
- }
92
- .book-summary ul.summary li ul {
93
- padding-left: 20px;
94
- }
95
- @media (max-width: 600px) {
96
- .book-summary {
97
- width: calc(100% - 60px);
98
- bottom: 0px;
99
- left: -100%;
100
- }
101
- }
@@ -1,15 +0,0 @@
1
- :root {
2
- --dark: #343a40;
3
- --grayer: #495057;
4
- --gray: #6c757d;
5
- --gray-light: #ced4da;
6
- --light-gray: #adb5bd;
7
- --light: #dee2e6;
8
- --lighter: #e9ecef;
9
- --lightest: #faf9fa;
10
- --white: #fff;
11
- --blue: #007bff;
12
- --red: #dc3545;
13
- --bg-color: var(--white);
14
- --content-width: 750px;
15
- }
@@ -1,29 +0,0 @@
1
- @charset "utf-8";
2
-
3
- // common
4
- @import "persephone/variables";
5
- @import "persephone/keyframes";
6
- @import "persephone/minxins";
7
- @import "persephone/common";
8
- @import "persephone/header";
9
- @import "persephone/content";
10
-
11
- // 404
12
- @import "persephone/error";
13
-
14
- // archive
15
- @import "persephone/archive";
16
-
17
- // home
18
- @import "persephone/slides";
19
-
20
- //book
21
- @import "persephone/summary";
22
- @import "persephone/book";
23
- @import "persephone/chapter";
24
-
25
- //blog
26
- @import "persephone/blog";
27
- @import "persephone/list";
28
- @import "persephone/post";
29
- @import "persephone/comments";
data/assets/main.scss DELETED
@@ -1,4 +0,0 @@
1
- ---
2
- ---
3
-
4
- @import "persephone";