Skip to content

Commit 5584fe5

Browse files
wahyu6070wahyu6070
committed
p
1 parent 17d1f01 commit 5584fe5

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+782
-4246
lines changed

‎assets/scss/article.scss‎

Whitespace-only changes.

‎assets/scss/dark.scss‎

Lines changed: 133 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -1,80 +1,134 @@
1+
/* Blok CSS baru yang Anda berikan: */
2+
.bd-placeholder-img {
3+
font-size: 1.125rem;
4+
text-anchor: middle;
5+
-webkit-user-select: none;
6+
-moz-user-select: none;
7+
user-select: none;
8+
}
19

2-
.bd-placeholder-img {
3-
font-size: 1.125rem;
4-
text-anchor: middle;
5-
-webkit-user-select: none;
6-
-moz-user-select: none;
7-
user-select: none;
8-
}
9-
10-
@media (min-width: 768px) {
11-
.bd-placeholder-img-lg {
12-
font-size: 3.5rem;
13-
}
14-
}
15-
16-
.b-example-divider {
17-
width: 100%;
18-
height: 3rem;
19-
background-color: rgba(0, 0, 0, .1);
20-
border: solid rgba(0, 0, 0, .15);
21-
border-width: 1px 0;
22-
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
23-
}
24-
25-
.b-example-vr {
26-
flex-shrink: 0;
27-
width: 1.5rem;
28-
height: 100vh;
29-
}
30-
31-
.bi {
32-
vertical-align: -.125em;
33-
fill: currentColor;
34-
}
35-
36-
.nav-scroller {
37-
position: relative;
38-
z-index: 2;
39-
height: 2.75rem;
40-
overflow-y: hidden;
41-
}
42-
43-
.nav-scroller .nav {
44-
display: flex;
45-
flex-wrap: nowrap;
46-
padding-bottom: 1rem;
47-
margin-top: -1px;
48-
overflow-x: auto;
49-
text-align: center;
50-
white-space: nowrap;
51-
-webkit-overflow-scrolling: touch;
52-
}
53-
54-
.btn-bd-primary {
55-
--bd-violet-bg: #712cf9;
56-
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
57-
58-
--bs-btn-font-weight: 600;
59-
--bs-btn-color: var(--bs-white);
60-
--bs-btn-bg: var(--bd-violet-bg);
61-
--bs-btn-border-color: var(--bd-violet-bg);
62-
--bs-btn-hover-color: var(--bs-white);
63-
--bs-btn-hover-bg: #6528e0;
64-
--bs-btn-hover-border-color: #6528e0;
65-
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
66-
--bs-btn-active-color: var(--bs-btn-hover-color);
67-
--bs-btn-active-bg: #5a23c8;
68-
--bs-btn-active-border-color: #5a23c8;
69-
}
70-
71-
.bd-mode-toggle {
72-
z-index: 1500;
73-
}
74-
75-
.bd-mode-toggle .dropdown-menu .active .bi {
76-
display: block !important;
77-
}
78-
79-
80-
10+
@media (min-width: 768px) {
11+
.bd-placeholder-img-lg {
12+
font-size: 3.5rem;
13+
}
14+
}
15+
16+
.b-example-divider {
17+
width: 100%;
18+
height: 3rem;
19+
background-color: rgba(0, 0, 0, .1);
20+
border: solid rgba(0, 0, 0, .15);
21+
border-width: 1px 0;
22+
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
23+
}
24+
25+
.b-example-vr {
26+
flex-shrink: 0;
27+
width: 1.5rem;
28+
height: 100vh;
29+
}
30+
31+
.bi {
32+
vertical-align: -.125em;
33+
fill: currentColor;
34+
}
35+
36+
.nav-scroller {
37+
position: relative;
38+
z-index: 2;
39+
height: 2.75rem;
40+
overflow-y: hidden;
41+
}
42+
43+
.nav-scroller .nav {
44+
display: flex;
45+
flex-wrap: nowrap;
46+
padding-bottom: 1rem;
47+
margin-top: -1px;
48+
overflow-x: auto;
49+
text-align: center;
50+
white-space: nowrap;
51+
-webkit-overflow-scrolling: touch;
52+
}
53+
54+
/* Definisi .btn-bd-primary baru Anda (warna violet) */
55+
/* Tombol dark mode #bd-theme SEHARUSNYA TIDAK menggunakan kelas ini lagi di HTML-nya */
56+
.btn-bd-primary {
57+
--bd-violet-bg: #712cf9;
58+
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
59+
60+
--bs-btn-font-weight: 600;
61+
--bs-btn-color: var(--bs-white);
62+
--bs-btn-bg: var(--bd-violet-bg);
63+
--bs-btn-border-color: var(--bd-violet-bg);
64+
--bs-btn-hover-color: var(--bs-white);
65+
--bs-btn-hover-bg: #6528e0;
66+
--bs-btn-hover-border-color: #6528e0;
67+
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
68+
--bs-btn-active-color: var(--bs-btn-hover-color);
69+
--bs-btn-active-bg: #5a23c8;
70+
--bs-btn-active-border-color: #5a23c8;
71+
}
72+
73+
.bd-mode-toggle {
74+
z-index: 1500;
75+
}
76+
77+
.bd-mode-toggle .dropdown-menu .active .bi {
78+
display: block !important;
79+
}
80+
81+
/* AKHIR dari blok CSS baru yang Anda berikan */
82+
83+
/* Tambahan/Modifikasi CSS untuk tombol dark mode #bd-theme */
84+
/* Ini akan membuat tombol #bd-theme kecil dan hitam-putih, */
85+
/* dengan asumsi kelas .btn-bd-primary TELAH DIHAPUS dari tombol ini di HTML. */
86+
87+
#bd-theme {
88+
/* 1. Perkecil tombol (mengambil dari CSS asli Anda dan memodifikasi) */
89+
width: 1.9rem; /* Sesuaikan jika perlu (misal 1.8rem, 2.0rem). Aslinya 2.25rem */
90+
height: 1.9rem; /* Samakan dengan width */
91+
padding: 0.25rem; /* Padding internal, atau 0 jika ikon ingin mengisi penuh */
92+
93+
/* Properti dari CSS asli pengguna untuk #bd-theme, penting dipertahankan */
94+
border-radius: 50%;
95+
justify-content: center; /* Untuk d-flex pada tombol */
96+
align-items: center; /* Untuk d-flex pada tombol, agar ikon di tengah */
97+
line-height: 1;
98+
--bs-btn-dropdown-toggle-arrow: none; /* Menghilangkan panah dropdown default Bootstrap */
99+
100+
/* 2. Warna hitam putih (monokrom adaptif tema Bootstrap) */
101+
--bs-btn-color: var(--bs-body-color); /* Warna ikon (mengikuti warna teks body) */
102+
--bs-btn-bg: transparent; /* Background tombol transparan */
103+
--bs-btn-border-color: var(--bs-border-color-translucent); /* Border tipis transparan */
104+
/* Jika ingin border lebih solid: */
105+
/* --bs-btn-border-color: var(--bs-border-color); */
106+
/* border-width: 1px; */ /* Aktifkan jika menggunakan --bs-border-color solid */
107+
108+
109+
/* State hover, focus, active yang netral */
110+
--bs-btn-hover-color: var(--bs-emphasis-color);
111+
--bs-btn-hover-bg: var(--bs-tertiary-bg);
112+
--bs-btn-hover-border-color: var(--bs-border-color);
113+
114+
--bs-btn-active-color: var(--bs-emphasis-color);
115+
--bs-btn-active-bg: var(--bs-secondary-bg);
116+
--bs-btn-active-border-color: var(--bs-border-color);
117+
118+
--bs-btn-focus-shadow-rgb: var(--bs-body-color-rgb); /* Bayangan fokus netral */
119+
}
120+
121+
/* Dari CSS asli Anda, untuk beberapa kasus tampilan panah dropdown */
122+
#bd-theme::after {
123+
display: none !important;
124+
}
125+
126+
/* Dari CSS asli Anda, untuk ikon di dalam tombol tema */
127+
#bd-theme svg.bi.theme-icon-active {
128+
margin: 0;
129+
/* Jika ikon '1em' (dari kelas btn-sm) terasa terlalu besar atau kecil
130+
setelah ukuran tombol diubah, Anda bisa sesuaikan di sini. Misal:
131+
width: 0.8em;
132+
height: 0.8em;
133+
*/
134+
}

‎assets/scss/main.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
@import "style";
2+
@import "article";
23
@import "dark";

0 commit comments

Comments
 (0)