jekyll-theme-minimal-resume 3.0.1 → 3.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.
- checksums.yaml +4 -4
- data/README.md +21 -34
- data/_sass/_body.scss +78 -0
- data/_sass/_footer.scss +8 -0
- data/_sass/_header.scss +61 -0
- data/_sass/_main.scss +53 -0
- data/assets/css/resume.scss +58 -0
- metadata +7 -3
- data/assets/css/resume.css +0 -163
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f5108277b81d4efd5a36b776de3de5d908a9a953cb06aad71b4d6d8b3f514473
|
|
4
|
+
data.tar.gz: 6cec42e92e6d71f8c1b8daefec91c6495525402b2644ff1309a37dd96b1e867d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c52b9a28736ec79210c11d4398f6e6984f29162f0f05b1f71147a89165839bfd6575aa779b479951f354bc29e9914cc2f02bda223b211c2d8f3fa766f924f4b6
|
|
7
|
+
data.tar.gz: b168510f627720fe3d92d65ff2dbb3be2e35d3810794d42089402d51cdf3c98bbecd2dfa4d6feb0ae0742a6a1d6c980be2ebb1fa62637a47b78970eba6ab1166
|
data/README.md
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
# Crisp Minimal Résumé
|
|
2
2
|
|
|
3
|
-
[](https://badge.fury.io/rb/jekyll-theme-minimal-resume.svg)
|
|
4
3
|
|
|
5
4
|
|
|
6
5
|
|
|
@@ -58,38 +57,7 @@ You may config all the data in `yaml` and make it your own résumé. Then, you m
|
|
|
58
57
|
|
|
59
58
|
## Gem-based Theme
|
|
60
59
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
```shell
|
|
64
|
-
gem "jekyll-theme-minimal-resume"
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
2. Install or Update Bundle
|
|
68
|
-
|
|
69
|
-
```shell
|
|
70
|
-
bundle install
|
|
71
|
-
```
|
|
72
|
-
|
|
73
|
-
3. Create `resume.html` and add the following
|
|
74
|
-
|
|
75
|
-
```shell
|
|
76
|
-
---
|
|
77
|
-
layout: resume
|
|
78
|
-
permalink: /resume.html
|
|
79
|
-
---
|
|
80
|
-
```
|
|
81
|
-
|
|
82
|
-
4. Run and Debug
|
|
83
|
-
|
|
84
|
-
```shell
|
|
85
|
-
jekyll serve
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
5. Build
|
|
89
|
-
|
|
90
|
-
```shell
|
|
91
|
-
jekyll build
|
|
92
|
-
```
|
|
60
|
+
Gem-based version is coming soon.
|
|
93
61
|
|
|
94
62
|
## Data Format
|
|
95
63
|
|
|
@@ -108,6 +76,20 @@ contact:
|
|
|
108
76
|
|
|
109
77
|
FontAwesome iconfont is embedded, so use the `fa-` class name as icon. `link` is optional, present if you want a link for your web version.
|
|
110
78
|
|
|
79
|
+
## Colors
|
|
80
|
+
|
|
81
|
+
Colors of the template is powered by [Open-Color](https://yeun.github.io/open-color/).
|
|
82
|
+
|
|
83
|
+
The default color Gray. However, you can change it to other colors as you like.
|
|
84
|
+
|
|
85
|
+
`color` may be specified in `_config.yml`:
|
|
86
|
+
|
|
87
|
+
```yaml
|
|
88
|
+
color: cyan
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
<img src="screenshots/resume-with-color.png" width="578" />
|
|
92
|
+
|
|
111
93
|
## Extending Sections
|
|
112
94
|
|
|
113
95
|
1. Add new section in `_data/resume.yml`
|
|
@@ -120,7 +102,7 @@ FontAwesome iconfont is embedded, so use the `fa-` class name as icon. `link` is
|
|
|
120
102
|
proficiency: Native or bilingual proficiency
|
|
121
103
|
```
|
|
122
104
|
|
|
123
|
-
2. Add section to `resume.html`:
|
|
105
|
+
2. Add section to `_layouts/resume.html`:
|
|
124
106
|
|
|
125
107
|
```html
|
|
126
108
|
<section id="languages">
|
|
@@ -148,6 +130,11 @@ Feel free to add yours here.
|
|
|
148
130
|
|
|
149
131
|
* [David Zhang](https://crispgm.com/resume/)
|
|
150
132
|
|
|
133
|
+
## Donation
|
|
134
|
+
|
|
135
|
+
* [Buy Me A Coffee](https://www.buymeacoffee.com/crispgm)
|
|
136
|
+
* [PayPal](https://www.paypal.me/crispgm)
|
|
137
|
+
|
|
151
138
|
## License
|
|
152
139
|
|
|
153
140
|
[](/LICENSE)
|
data/_sass/_body.scss
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
section {
|
|
2
|
+
display: flex;
|
|
3
|
+
padding-top: 2.4rem;
|
|
4
|
+
padding-bottom: 2.4rem;
|
|
5
|
+
padding-left: .2rem;
|
|
6
|
+
border-bottom: .1rem solid $secondary-color;
|
|
7
|
+
hyphens: auto;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.section-title {
|
|
11
|
+
font-size: 1.6rem;
|
|
12
|
+
text-align: left;
|
|
13
|
+
min-width: 10rem;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.section-content {
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.section-flex {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-wrap: wrap;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.block {
|
|
25
|
+
margin-bottom: 2rem;
|
|
26
|
+
|
|
27
|
+
&:last-child {
|
|
28
|
+
margin-bottom: 0;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.block-square {
|
|
33
|
+
width: 18rem;
|
|
34
|
+
|
|
35
|
+
&:nth-last-child(2) {
|
|
36
|
+
margin-bottom: 0;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.block-title {
|
|
41
|
+
font-size: 1.2rem;
|
|
42
|
+
margin-bottom: .4rem;
|
|
43
|
+
font-weight: bold;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.block-subtitle {
|
|
47
|
+
font-size: 1rem;
|
|
48
|
+
margin-bottom: 1rem;
|
|
49
|
+
color: $secondary-color;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.block-content {
|
|
53
|
+
font-size: 1rem;
|
|
54
|
+
line-height: 1.5;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@media screen and (max-width: $breakpoint) {
|
|
58
|
+
section {
|
|
59
|
+
display: block;
|
|
60
|
+
padding-top: 2rem;
|
|
61
|
+
padding-bottom: 2rem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.section-title {
|
|
65
|
+
text-align: center;
|
|
66
|
+
margin-bottom: 2rem;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.section-flex {
|
|
70
|
+
display: block;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.block-square {
|
|
74
|
+
&:nth-last-child(2) {
|
|
75
|
+
margin-bottom: 2rem;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
data/_sass/_footer.scss
ADDED
data/_sass/_header.scss
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
header {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: space-between;
|
|
4
|
+
border-bottom: .1rem solid $secondary-color;
|
|
5
|
+
padding-top: 2.2rem;
|
|
6
|
+
padding-bottom: 2.2rem;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
#name-wrapper {
|
|
10
|
+
padding-top: 1rem;
|
|
11
|
+
padding-bottom: 1rem;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
#fullname {
|
|
15
|
+
font-size: 2.2rem;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
#jobtitle {
|
|
19
|
+
font-size: 1.2rem;
|
|
20
|
+
margin-top: .8rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
#contact {
|
|
24
|
+
font-size: 1rem;
|
|
25
|
+
padding-top: 1rem;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.contact-item {
|
|
29
|
+
margin-top: .4rem;
|
|
30
|
+
|
|
31
|
+
&:nth-child(1) {
|
|
32
|
+
margin-top: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&:a {
|
|
36
|
+
color: inherit;
|
|
37
|
+
text-decoration: none;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@media screen and (max-width: $breakpoint) {
|
|
42
|
+
header {
|
|
43
|
+
display: block;
|
|
44
|
+
padding-bottom: 1rem;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
#name-wrapper {
|
|
48
|
+
text-align: center;
|
|
49
|
+
padding-bottom: 2rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
#contact {
|
|
53
|
+
padding-top: 1rem;
|
|
54
|
+
border-top: .1rem solid $secondary-color;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.contact-item {
|
|
58
|
+
padding-top: .2rem;
|
|
59
|
+
padding-left: .4rem;
|
|
60
|
+
}
|
|
61
|
+
}
|
data/_sass/_main.scss
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
html {
|
|
2
|
+
width: 100%;
|
|
3
|
+
font-size: 14px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
body {
|
|
7
|
+
text-align: center;
|
|
8
|
+
width: 100%;
|
|
9
|
+
font-family: "Noto Sans", "Segoe UI", Roboto, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
|
|
10
|
+
-webkit-font-smoothing: antialiased;
|
|
11
|
+
font-size: 1rem;
|
|
12
|
+
margin: 0;
|
|
13
|
+
color: $main-color;
|
|
14
|
+
background-color: $background-color;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
a {
|
|
18
|
+
text-decoration: none;
|
|
19
|
+
color: inherit;
|
|
20
|
+
|
|
21
|
+
&:hover {
|
|
22
|
+
text-decoration: underline;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.container {
|
|
27
|
+
margin-left: auto;
|
|
28
|
+
margin-right: auto;
|
|
29
|
+
margin-bottom: 1rem;
|
|
30
|
+
max-width: $breakpoint;
|
|
31
|
+
text-align: left;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@media screen and (max-width: $breakpoint) {
|
|
35
|
+
html {
|
|
36
|
+
font-size: 12px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.container {
|
|
40
|
+
padding-left: .4rem;
|
|
41
|
+
padding-right: .4rem;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@media print {
|
|
46
|
+
html {
|
|
47
|
+
font-size: 12px;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.print {
|
|
51
|
+
display: none;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
|
+
/*
|
|
5
|
+
* Theme of Crisp Minimal Resume
|
|
6
|
+
* Copyright (c) David Zhang, 2019
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
$breakpoint: 48rem;
|
|
10
|
+
|
|
11
|
+
$background-color: #fff;
|
|
12
|
+
|
|
13
|
+
{% case site.color %}
|
|
14
|
+
{% when 'red' %}
|
|
15
|
+
$main-color: #495057;
|
|
16
|
+
$secondary-color: #fa5252;
|
|
17
|
+
{% when 'pink' %}
|
|
18
|
+
$main-color: #495057;
|
|
19
|
+
$secondary-color: #e64980;
|
|
20
|
+
{% when 'grape' %}
|
|
21
|
+
$main-color: #495057;
|
|
22
|
+
$secondary-color: #e64980;
|
|
23
|
+
{% when 'violet' %}
|
|
24
|
+
$main-color: #495057;
|
|
25
|
+
$secondary-color: #7950f2;
|
|
26
|
+
{% when 'indigo' %}
|
|
27
|
+
$main-color: #495057;
|
|
28
|
+
$secondary-color: #4c6ef5;
|
|
29
|
+
{% when 'blue' %}
|
|
30
|
+
$main-color: #495057;
|
|
31
|
+
$secondary-color: #228be6;
|
|
32
|
+
{% when 'cyan' %}
|
|
33
|
+
$main-color: #495057;
|
|
34
|
+
$secondary-color: #15aabf;
|
|
35
|
+
{% when 'teal' %}
|
|
36
|
+
$main-color: #495057;
|
|
37
|
+
$secondary-color: #12b886;
|
|
38
|
+
{% when 'green' %}
|
|
39
|
+
$main-color: #495057;
|
|
40
|
+
$secondary-color: #40c057;
|
|
41
|
+
{% when 'lime' %}
|
|
42
|
+
$main-color: #495057;
|
|
43
|
+
$secondary-color: #82c91e;
|
|
44
|
+
{% when 'yellow' %}
|
|
45
|
+
$main-color: #495057;
|
|
46
|
+
$secondary-color: #fab005;
|
|
47
|
+
{% when 'orange' %}
|
|
48
|
+
$main-color: #495057;
|
|
49
|
+
$secondary-color: #fd7e14;
|
|
50
|
+
{% else %}
|
|
51
|
+
$main-color: #495057;
|
|
52
|
+
$secondary-color: #adb5bd;
|
|
53
|
+
{% endcase %}
|
|
54
|
+
|
|
55
|
+
@import "main";
|
|
56
|
+
@import "header";
|
|
57
|
+
@import "body";
|
|
58
|
+
@import "footer";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-minimal-resume
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.0
|
|
4
|
+
version: 3.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- David Zhang
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-
|
|
11
|
+
date: 2019-06-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -67,7 +67,11 @@ files:
|
|
|
67
67
|
- _layouts/default.html
|
|
68
68
|
- _layouts/resume.html
|
|
69
69
|
- _layouts/resume_zh_cn.html
|
|
70
|
-
-
|
|
70
|
+
- _sass/_body.scss
|
|
71
|
+
- _sass/_footer.scss
|
|
72
|
+
- _sass/_header.scss
|
|
73
|
+
- _sass/_main.scss
|
|
74
|
+
- assets/css/resume.scss
|
|
71
75
|
homepage: https://github.com/crispgm/resume
|
|
72
76
|
licenses:
|
|
73
77
|
- MIT
|
data/assets/css/resume.css
DELETED
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
html {
|
|
2
|
-
width: 100%;
|
|
3
|
-
font-size: 14px;
|
|
4
|
-
}
|
|
5
|
-
body {
|
|
6
|
-
text-align: center;
|
|
7
|
-
width: 100%;
|
|
8
|
-
font-family: "Noto Sans", "Segoe UI", Roboto, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
|
|
9
|
-
-webkit-font-smoothing: antialiased;
|
|
10
|
-
font-size: 1rem;
|
|
11
|
-
margin: 0;
|
|
12
|
-
color: #555;
|
|
13
|
-
background-color: #fbfbfb;
|
|
14
|
-
}
|
|
15
|
-
a {
|
|
16
|
-
text-decoration: none;
|
|
17
|
-
color: #08c;
|
|
18
|
-
}
|
|
19
|
-
a:hover {
|
|
20
|
-
text-decoration: underline;
|
|
21
|
-
}
|
|
22
|
-
.container {
|
|
23
|
-
max-width: 48rem;
|
|
24
|
-
margin-left: auto;
|
|
25
|
-
margin-right: auto;
|
|
26
|
-
text-align: left;
|
|
27
|
-
margin-bottom: 1rem;
|
|
28
|
-
}
|
|
29
|
-
header {
|
|
30
|
-
display: flex;
|
|
31
|
-
justify-content: space-between;
|
|
32
|
-
border-bottom: .1rem solid #bbbbbb;
|
|
33
|
-
padding-top: 2.2rem;
|
|
34
|
-
padding-bottom: 2.2rem;
|
|
35
|
-
}
|
|
36
|
-
#name-wrapper {
|
|
37
|
-
padding-top: 1rem;
|
|
38
|
-
padding-bottom: 1rem;
|
|
39
|
-
}
|
|
40
|
-
#fullname {
|
|
41
|
-
font-size: 2.2rem;
|
|
42
|
-
}
|
|
43
|
-
#jobtitle {
|
|
44
|
-
font-size: 1.2rem;
|
|
45
|
-
margin-top: .8rem;
|
|
46
|
-
}
|
|
47
|
-
#contact {
|
|
48
|
-
font-size: 1rem;
|
|
49
|
-
padding-top: 1rem;
|
|
50
|
-
}
|
|
51
|
-
.contact-item:nth-child(1) {
|
|
52
|
-
margin-top: 0;
|
|
53
|
-
}
|
|
54
|
-
.contact-item {
|
|
55
|
-
margin-top: .4rem;
|
|
56
|
-
}
|
|
57
|
-
.contact-item a {
|
|
58
|
-
color: inherit;
|
|
59
|
-
text-decoration: none;
|
|
60
|
-
}
|
|
61
|
-
section {
|
|
62
|
-
display: flex;
|
|
63
|
-
padding-top: 2.4rem;
|
|
64
|
-
padding-bottom: 2.4rem;
|
|
65
|
-
padding-left: .2rem;
|
|
66
|
-
border-bottom: .1rem solid #bbbbbb;
|
|
67
|
-
hyphens: auto;
|
|
68
|
-
}
|
|
69
|
-
.section-title {
|
|
70
|
-
font-size: 1.6rem;
|
|
71
|
-
text-align: left;
|
|
72
|
-
min-width: 10rem;
|
|
73
|
-
}
|
|
74
|
-
.section-content {
|
|
75
|
-
}
|
|
76
|
-
.section-flex {
|
|
77
|
-
display: flex;
|
|
78
|
-
flex-wrap: wrap;
|
|
79
|
-
}
|
|
80
|
-
.block {
|
|
81
|
-
margin-bottom: 2rem;
|
|
82
|
-
}
|
|
83
|
-
.block-square {
|
|
84
|
-
width: 18rem;
|
|
85
|
-
}
|
|
86
|
-
.block-square:nth-last-child(2) {
|
|
87
|
-
margin-bottom: 0;
|
|
88
|
-
}
|
|
89
|
-
.block:last-child {
|
|
90
|
-
margin-bottom: 0;
|
|
91
|
-
}
|
|
92
|
-
.block-title {
|
|
93
|
-
font-size: 1.2rem;
|
|
94
|
-
margin-bottom: .4rem;
|
|
95
|
-
font-weight: bold;
|
|
96
|
-
}
|
|
97
|
-
.block-subtitle {
|
|
98
|
-
font-size: 1rem;
|
|
99
|
-
margin-bottom: 1rem;
|
|
100
|
-
color: #bbbbbb;
|
|
101
|
-
}
|
|
102
|
-
.block-content {
|
|
103
|
-
font-size: 1rem;
|
|
104
|
-
line-height: 1.5;
|
|
105
|
-
}
|
|
106
|
-
footer {
|
|
107
|
-
color: #bbbbbb;
|
|
108
|
-
font-size: 1rem;
|
|
109
|
-
min-height: 3rem;
|
|
110
|
-
line-height: 3rem;
|
|
111
|
-
margin-top: 1rem;
|
|
112
|
-
margin-bottom: 1rem;
|
|
113
|
-
}
|
|
114
|
-
@media print {
|
|
115
|
-
html {
|
|
116
|
-
font-size: 12px;
|
|
117
|
-
}
|
|
118
|
-
.print {
|
|
119
|
-
display: none;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
@media screen and (max-width: 48rem) {
|
|
123
|
-
html {
|
|
124
|
-
font-size: 12px;
|
|
125
|
-
}
|
|
126
|
-
.container {
|
|
127
|
-
padding-left: .4rem;
|
|
128
|
-
padding-right: .4rem;
|
|
129
|
-
}
|
|
130
|
-
header {
|
|
131
|
-
display: block;
|
|
132
|
-
padding-bottom: 1rem;
|
|
133
|
-
}
|
|
134
|
-
#name-wrapper {
|
|
135
|
-
text-align: center;
|
|
136
|
-
padding-bottom: 2rem;
|
|
137
|
-
}
|
|
138
|
-
#contact {
|
|
139
|
-
padding-top: 1rem;
|
|
140
|
-
border-top: .1rem solid #bbbbbb;
|
|
141
|
-
}
|
|
142
|
-
.contact-item {
|
|
143
|
-
padding-top: .2rem;
|
|
144
|
-
padding-left: .4rem;
|
|
145
|
-
}
|
|
146
|
-
section {
|
|
147
|
-
display: block;
|
|
148
|
-
padding-top: 2rem;
|
|
149
|
-
padding-bottom: 2rem;
|
|
150
|
-
}
|
|
151
|
-
.section-title {
|
|
152
|
-
text-align: center;
|
|
153
|
-
margin-bottom: 2rem;
|
|
154
|
-
}
|
|
155
|
-
.section-flex {
|
|
156
|
-
display: block;
|
|
157
|
-
}
|
|
158
|
-
.block-square {
|
|
159
|
-
}
|
|
160
|
-
.block-square:nth-last-child(2) {
|
|
161
|
-
margin-bottom: 2rem;
|
|
162
|
-
}
|
|
163
|
-
}
|