Skip to content

Commit 8c5a1c3

Browse files
alerquealerque
committed
Migrate to Bulma 1.x
1 parent 5478c27 commit 8c5a1c3

5 files changed

Lines changed: 56 additions & 91 deletions

File tree

‎package-lock.json‎

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
},
1717
"devDependencies": {
1818
"autoprefixer": "^10.4.22",
19-
"bulma": "^0.9.4",
19+
"bulma": "^1.0.4",
2020
"esbuild": "^0.27.0",
2121
"esbuild-plugin-wasm": "^1.1.0",
2222
"pagedjs": "^0.4.3",

‎sass/main.scss‎

Lines changed: 37 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,70 @@
11
@charset "utf-8";
22

3-
@import "../node_modules/bulma/sass/utilities/initial-variables";
4-
53
$sepia: #ffeacb;
6-
$body-background-color: $sepia;
7-
8-
@import "../node_modules/bulma/bulma";
9-
10-
html {
11-
}
4+
$burnt: #ff6600;
5+
$bluish: #000088;
6+
7+
@use "../node_modules/bulma/sass" with (
8+
$link: $bluish,
9+
$primary: $burnt,
10+
$body-background-color: $sepia,
11+
$size-1: 4rem,
12+
$size-2: 1.3rem,
13+
$size-3: 1.15rem,
14+
$size-4: 1.05rem,
15+
$size-5: 1.025rem,
16+
);
1217

1318
p, pre.sample, div.sample {
14-
margin-bottom: 1em;
15-
}
16-
17-
pre.sample {
19+
margin-bottom: 1.2rem;
1820
tab-size: 2;
1921
}
2022

21-
h2 {
22-
font-size: 1.2em;
23-
font-weight: bold;
24-
margin: 1em 0 .2em 0;
23+
h2:not(.title) {
24+
font-size: var(--bulma-size-3);
25+
font-weight: var(--bulma-weight-extrabold);
2526
}
2627

2728
.navbar {
28-
background: none;
29+
background-color: transparent;
2930
padding: 1em 2em 0 2em;
3031
font-style: italic;
3132
font-family: serif;
3233

3334
a {
34-
font-size: 4rem;
35-
color: #000;
3635
font-variant: small-caps;
3736
text-shadow: .05em .05em .1em #aaa;
3837
filter: drop-shadow(-0.02em -0.02em 0 #fff) drop-shadow(-0.02em -0.02em 0 #006);
3938
}
40-
4139
}
4240

4341
.menu-list a,
4442
a {
45-
color: #006;
43+
color: var(--bulma-link-text);
4644

47-
:hover {
48-
color: #f00;
45+
&:hover {
46+
color: var(--bulma-primary-30);
4947
}
50-
5148
}
5249

5350
.menu-list {
54-
55-
font-weight: bold;
56-
57-
a:hover {
58-
background: none;
59-
}
60-
61-
a[href^="http"]::after,
62-
a[href^="https://"]::after {
63-
content: "";
64-
width: .6em;
65-
height: .6em;
66-
margin-left: .4em;
67-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
68-
background-position: center;
69-
background-repeat: no-repeat;
70-
background-size: contain;
71-
display: inline-block;
51+
a {
52+
background-color: transparent;
53+
font-weight: bold;
54+
55+
&[href^="http://"]::after,
56+
&[href^="https://"]::after {
57+
content: "";
58+
width: .6em;
59+
height: .6em;
60+
margin-left: .4em;
61+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
62+
background-position: center;
63+
background-repeat: no-repeat;
64+
background-size: contain;
65+
display: inline-block;
66+
}
7267
}
73-
7468
}
7569

7670
.card {

‎templates/default.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@
88
{% block rss %}
99
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path=config.feed_filenames[0]) }}">
1010
{% endblock %}
11-
<link rel="stylesheet" href="{{ get_url(path="main.css") }}">
1211
<script type="module">
1312
import { initCodeMirror } from '{{ get_url(path="codemirror.js") }}'
1413
function setupCodeMirror() {

‎templates/menu.html‎

Lines changed: 14 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,7 @@
44
{% set slug = page.slug %}
55
{% endif %}
66
<aside class="menu">
7-
<p class="menu-label">
8-
Sample Gallery
9-
</p>
7+
<p class="menu-label"> Sample Gallery </p>
108
<ul class="menu-list">
119
{% set samples = get_section(path="_index.md") %}
1210
{% for sample in samples.pages %}
@@ -15,47 +13,21 @@
1513
</li>
1614
{% endfor %}
1715
</ul>
18-
<p class="menu-label">
19-
About
20-
</p>
16+
<p class="menu-label">About</p>
2117
<ul class="menu-list">
22-
<li>
23-
<a href="/">Project Goals</a>
24-
</li>
25-
<li>
26-
<a href="https://github.com/alerque/polytype">Sources on GitHub</a>
27-
</li>
18+
<li><a href="/">Project Goals</a></li>
19+
<li><a href="https://github.com/alerque/polytype">Sources on GitHub</a></li>
2820
</ul>
29-
<p class="menu-label">
30-
Typesetting Engines
31-
</p>
21+
<p class="menu-label">Typesetting Engines</p>
3222
<ul class="menu-list">
33-
<li>
34-
<a href="https://sile-typesetter.org">SILE</a>
35-
</li>
36-
<li>
37-
<a href="https://typst.app">Typst</a>
38-
</li>
39-
<li>
40-
<a href="https://www.latex-project.org">LaTeX</a>
41-
</li>
42-
<li>
43-
<a href="https://pagedjs.org">paged.js</a>
44-
</li>
45-
<li>
46-
<a href="https://weasyprint.org">WeasyPrint</a>
47-
</li>
48-
<li>
49-
<a href="https://www.speedata.de">Speedata</a>
50-
</li>
51-
<li>
52-
<a href="https://www.gnu.org/software/groff/groff.html">groff</a>
53-
</li>
54-
<li>
55-
<a href="https://patoline.github.io/">Patoline</a>
56-
</li>
57-
<li>
58-
<a href="https://github.com/gfngfn/SATySFi">SATySFi</a>
59-
</li>
23+
<li><a href="https://sile-typesetter.org">SILE</a></li>
24+
<li><a href="https://typst.app">Typst</a></li>
25+
<li><a href="https://www.latex-project.org">LaTeX</a></li>
26+
<li><a href="https://pagedjs.org">paged.js</a></li>
27+
<li><a href="https://weasyprint.org">WeasyPrint</a></li>
28+
<li><a href="https://www.speedata.de">Speedata</a></li>
29+
<li><a href="https://www.gnu.org/software/groff/groff.html">groff</a></li>
30+
<li><a href="https://patoline.github.io/">Patoline</a></li>
31+
<li><a href="https://github.com/gfngfn/SATySFi">SATySFi</a></li>
6032
</ul>
6133
</aside>

0 commit comments

Comments
 (0)