Skip to content

Commit 9e92329

Browse files
mariotakumariotaku
committed
improved css coding styles
1 parent 68a883a commit 9e92329

File tree

16 files changed

+145
-73
lines changed

16 files changed

+145
-73
lines changed

‎.editorconfig‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,5 @@
11
[webpack.config.*]
2+
indent_size = 2
3+
4+
[*.scss]
25
indent_size = 2

‎package-lock.json‎

Lines changed: 4 additions & 3 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
@@ -24,7 +24,7 @@
2424
"@babel/core": "^7.24.7",
2525
"@babel/preset-env": "^7.24.7",
2626
"@types/lodash-es": "^4.17.12",
27-
"@webosbrew/caniroot": "^1.2.1",
27+
"@webosbrew/caniroot": "^1.2.2",
2828
"autoprefixer": "^10.4.19",
2929
"babel-loader": "^9.1.3",
3030
"babel-plugin-htm": "^3.0.0",

‎src/partials/footer.html‎

Lines changed: 33 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,36 @@
1-
<footer class="container py-5">
2-
<div class="row">
3-
<div class="col-12 col-md">
4-
<img class="bi" width="32" height="32" src="/img/icon32.svg" alt="webOS Homebrew">
5-
<small class="d-block mb-3 text-body-secondary" translate="no">© 2020–2024</small>
6-
</div>
7-
<div class="col-6 col-md">
8-
<h5>Guides</h5>
9-
<ul class="list-unstyled text-small">
10-
<li><a class="link-secondary text-decoration-none" href="/rooting">Rooting</a></li>
11-
<li><a class="link-secondary text-decoration-none" href="/devmode">Dev Mode</a></li>
12-
</ul>
13-
</div>
14-
<div class="col-6 col-md">
15-
<h5>Resources</h5>
16-
<ul class="list-unstyled text-small">
17-
<li><a class="link-secondary text-decoration-none" href="/develop">Develop</a></li>
18-
<li><a class="link-secondary text-decoration-none" href="/toh">Table of Hardware</a></li>
19-
</ul>
20-
</div>
21-
<div class="col-6 col-md">
22-
<h5>Links</h5>
23-
<ul class="list-unstyled text-small">
24-
<li><a class="link-secondary text-decoration-none" href="https://github.com/webosbrew/">
25-
<i class="bi bi-github me-2"></i>webosbrew</a></li>
26-
<li><a class="link-secondary text-decoration-none" href="https://github.com/OpenLGTV">
27-
<i class="bi bi-github me-2"></i>OpenLGTV</a></li>
28-
<li><a class="link-secondary text-decoration-none" href="https://discord.gg/xWqRVEm">
29-
<i class="bi bi-discord me-2"></i>Discord</a>
30-
</li>
31-
</ul>
1+
<footer class="py-5 bg-body-tertiary">
2+
<div class="container">
3+
<div class="row">
4+
<div class="col-12 col-md">
5+
<img class="logo" width="32" height="32" src="/img/icon32.svg" alt="webOS Homebrew">
6+
<small class="d-block mb-3 text-body-secondary" translate="no">© 2020–2024</small>
7+
</div>
8+
<div class="col-6 col-md">
9+
<h5>Guides</h5>
10+
<ul class="list-unstyled text-small">
11+
<li><a class="link-secondary text-decoration-none" href="/rooting">Rooting</a></li>
12+
<li><a class="link-secondary text-decoration-none" href="/devmode">Dev Mode</a></li>
13+
</ul>
14+
</div>
15+
<div class="col-6 col-md">
16+
<h5>Resources</h5>
17+
<ul class="list-unstyled text-small">
18+
<li><a class="link-secondary text-decoration-none" href="/develop">Develop</a></li>
19+
<li><a class="link-secondary text-decoration-none" href="/toh">Table of Hardware</a></li>
20+
</ul>
21+
</div>
22+
<div class="col-6 col-md">
23+
<h5>Links</h5>
24+
<ul class="list-unstyled text-small">
25+
<li><a class="link-secondary text-decoration-none" href="https://github.com/webosbrew/">
26+
<i class="bi bi-github me-2"></i>webosbrew</a></li>
27+
<li><a class="link-secondary text-decoration-none" href="https://github.com/OpenLGTV">
28+
<i class="bi bi-github me-2"></i>OpenLGTV</a></li>
29+
<li><a class="link-secondary text-decoration-none" href="https://discord.gg/xWqRVEm">
30+
<i class="bi bi-discord me-2"></i>Discord</a>
31+
</li>
32+
</ul>
33+
</div>
3234
</div>
3335
</div>
3436
</footer>

‎src/partials/navbar.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<nav class="navbar navbar-expand-md bg-dark sticky-top border-bottom">
1+
<nav class="navbar navbar-expand-md bg-body-tertiary sticky-top border-bottom">
22
<div class="container">
33
<a class="navbar-brand d-md-none" href="/">
44
<img class="bi" width="32" height="32" src="/img/icon32.svg" alt="webOS Homebrew"/>
@@ -11,7 +11,7 @@
1111
<div class="collapse navbar-collapse" tabindex="-1" id="navbar-collapse">
1212
<ul class="navbar-nav me-auto mb-2 mb-md-0">
1313
<li class="nav-item d-none d-md-inline-block"><a class="nav-link" href="/">
14-
<img class="bi" width="32" height="32" src="/img/icon32.svg" alt="webOS Homebrew"/>
14+
<img class="logo" width="32" height="32" src="/img/icon32.svg" alt="webOS Homebrew"/>
1515
</a></li>
1616
<li class="nav-item"><a class="nav-link" href="https://repo.webosbrew.org/">Apps</a></li>
1717
<li class="nav-item"><a class="nav-link" href="/develop">Develop</a></li>

‎src/partials/page.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</head>
1111
<body data-bs-theme="dark" data-bs-spy="scroll" data-bs-target="#toc-nav">
1212
{{> navbar }}
13-
<main class="bg-dark-subtle">
13+
<main>
1414
<div class="page container">
1515
{{#if sidebar}}
1616
<aside id="page-sidebar" class="sidebar pe-lg-2 offcanvas-lg offcanvas-start" tabindex="-1"

‎src/scss/page/_index.scss‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,6 @@
77

88

99
main .page {
10-
img {
11-
max-width: 100%;
12-
}
1310

1411
@import "sidebar";
1512
@import "toc";

‎src/scss/styles.scss‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,44 @@ $enable-negative-margins: true;
1010
@import "bootstrap/scss/mixins";
1111
@import "bootstrap/scss/utilities";
1212

13+
$brands: (
14+
"discord": #5865F2,
15+
"webosbrew": $primary,
16+
) !default;
17+
18+
$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans, $brands);
19+
20+
$utilities: map-merge(
21+
$utilities,
22+
(
23+
"color": map-merge(
24+
map-get($utilities, "color"),
25+
(
26+
values: map-merge(
27+
map-get(map-get($utilities, "color"), "values"),
28+
(
29+
$all-colors
30+
),
31+
),
32+
),
33+
),
34+
"background-color": map-merge(
35+
map-get($utilities, "background-color"),
36+
(
37+
values: map-merge(
38+
map-get(map-get($utilities, "background-color"), "values"),
39+
(
40+
$all-colors
41+
),
42+
),
43+
),
44+
),
45+
)
46+
);
47+
48+
@import "bootstrap/scss/utilities/api";
49+
50+
1351
// Required
1452
@import "bootstrap";
1553

‎src/views/develop/guides/index.md‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# Guides
22

3-
Use our tools and guides to develop homebrew apps, games and mods. You can also learn more about reverse engineering and
4-
debugging of webOS.
3+
---
4+
5+
Use our tools and guides to develop homebrew apps, games and mods.
6+
You can also learn more about reverse engineering and debugging.
7+
8+
![Kodi](../../../img/screenshots/kodi-recently-added.jpg)
59

610
Next: [Environment Setup](/develop/guides/env-setup)

‎src/views/develop/index.hbs‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<h1>Develop</h1>
33
<hr>
44
<!-- Layout plagiarized from Apple Developer -->
5-
<section class="rounded-4 bg-dark px-4 px-md-5 py-4 py-md-5">
5+
<section class="rounded-4 bg-body-tertiary px-4 px-md-5 py-4 py-md-5">
66
<h2 class="fw-semibold">Development resources</h2>
77
<div class="row mt-2 g-3">
88
<section class="col-12 col-md-4 pt-md-2">
@@ -42,7 +42,7 @@
4242
</section>
4343
</div>
4444
</section>
45-
<section class="rounded-4 bg-dark px-4 px-md-5 py-4 py-md-5 mt-5">
45+
<section class="rounded-4 bg-body-tertiary px-4 px-md-5 py-4 py-md-5 mt-5">
4646
<h2 class="fw-semibold">Apps &amp; libraries</h2>
4747
<p>Open-source projects that's built with homebrew tools.</p>
4848
<div class="row mt-2 g-3">
@@ -73,7 +73,7 @@
7373
{{/ "develop/partials/highlight-card"}}
7474
</div>
7575
</section>
76-
<section class="rounded-4 bg-dark px-4 px-md-5 py-4 py-md-5 mt-5 d-none dev-only">
76+
<section class="rounded-4 bg-body-tertiary px-4 px-md-5 py-4 py-md-5 mt-5 d-none dev-only">
7777
<h2 class="fw-semibold">Samples</h2>
7878
<div class="row mt-2 g-3">
7979
</div>

0 commit comments

Comments
 (0)