Skip to content

Commit d3479c4

Browse files
iammukeshmiammukeshm
committed
initial setup
1 parent 63786ab commit d3479c4

File tree

10 files changed

+153
-15153
lines changed

10 files changed

+153
-15153
lines changed

‎assets/scss/common/_dark.scss‎

Lines changed: 20 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -98,10 +98,6 @@ body.dark .page-links a {
9898
color: $body-color-dark;
9999
}
100100

101-
body.dark .btn-toggle-nav a {
102-
color: $body-color-dark;
103-
}
104-
105101
body.dark .showcase-meta a {
106102
color: $body-color-dark;
107103
}
@@ -118,43 +114,6 @@ body.dark .page-links a:hover {
118114
color: $link-color-dark;
119115
}
120116

121-
body.dark .btn-toggle {
122-
color: $body-color-dark;
123-
background-color: transparent;
124-
border: 0;
125-
}
126-
127-
body.dark .btn-toggle:hover,
128-
body.dark .btn-toggle:focus {
129-
color: $body-color-dark;
130-
}
131-
132-
body.dark .btn-toggle::before {
133-
width: 1.25em;
134-
line-height: 0;
135-
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
136-
transition: transform 0.35s ease;
137-
transform-origin: 0.5em 50%;
138-
margin-bottom: 0.125rem;
139-
}
140-
141-
body.dark .btn-toggle[aria-expanded="true"] {
142-
color: $body-color-dark;
143-
}
144-
145-
body.dark .btn-toggle[aria-expanded="true"]::before {
146-
transform: rotate(90deg);
147-
}
148-
149-
body.dark .btn-toggle-nav a:hover,
150-
body.dark .btn-toggle-nav a:focus {
151-
color: $link-color-dark;
152-
}
153-
154-
body.dark .btn-toggle-nav a.active {
155-
color: $link-color-dark;
156-
}
157-
158117
body.dark .navbar-light .navbar-text a {
159118
color: $navbar-dark-active-color;
160119
}
@@ -229,7 +188,7 @@ body.dark .docs-navigation {
229188
}
230189

231190
body.dark pre code::-webkit-scrollbar-thumb {
232-
background: $gray-400;
191+
background: $border-dark;
233192
}
234193

235194
body.dark code:not(.hljs) {
@@ -243,7 +202,7 @@ body.dark pre code:hover {
243202
}
244203

245204
body.dark pre code::-webkit-scrollbar-thumb:hover {
246-
background: $gray-500;
205+
background: $border-dark;
247206
}
248207

249208
body.dark blockquote {
@@ -270,6 +229,10 @@ body.dark .docs-toc::-webkit-scrollbar-track {
270229
background: $body-bg-dark;
271230
}
272231

232+
body.dark .section.feature{
233+
background: darken($body-bg-dark, 5%);
234+
}
235+
273236
body.dark .docs-links::-webkit-scrollbar-thumb,
274237
body.dark .docs-toc::-webkit-scrollbar-thumb {
275238
background: $body-bg-dark;
@@ -280,7 +243,15 @@ body.dark .docs-toc:hover {
280243
scrollbar-width: thin;
281244
scrollbar-color: $border-dark $body-bg-dark;
282245
}
283-
246+
body.dark .alert-global a {
247+
color: $body-color-dark;
248+
}
249+
body.dark .alert-global {
250+
background: $body-bg-dark;
251+
opacity: 0.975;
252+
color: $body-color-dark;
253+
border: 1px solid $border-dark !important;
254+
}
284255
body.dark .docs-links:hover::-webkit-scrollbar-thumb,
285256
body.dark .docs-toc:hover::-webkit-scrollbar-thumb {
286257
background: $border-dark;
@@ -336,7 +307,11 @@ body.dark .bg-light {
336307
body.dark .bg-dots {
337308
background-image: radial-gradient($dots-dark 15%, transparent 15%);
338309
}
339-
310+
body.dark .img-fade {
311+
-webkit-mask: linear-gradient(to bottom, #fff 75% , transparent);
312+
mask: linear-gradient(to bottom, #fff, transparent);
313+
z-index: -1;
314+
}
340315
body.dark .text-muted {
341316
color: darken($body-color-dark, 7.5%) !important;
342317
}

‎assets/scss/common/_global.scss‎

Lines changed: 26 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,24 @@
99
padding-bottom: 3rem;
1010
}
1111

12+
::-webkit-scrollbar {
13+
width: 5px!important;
14+
}
15+
16+
/* Track */
17+
::-webkit-scrollbar-track {
18+
background: #f1f1f1!important;
19+
}
20+
21+
/* Handle */
22+
::-webkit-scrollbar-thumb {
23+
background: rgb(112, 112, 112)!important;
24+
}
25+
26+
/* Handle on hover */
27+
::-webkit-scrollbar-thumb:hover {
28+
background: rgb(97, 97, 97)!important;
29+
}
1230
h1,
1331
h2,
1432
h3,
@@ -53,7 +71,7 @@ h6,
5371

5472
a:hover,
5573
a:focus {
56-
text-decoration: underline;
74+
text-decoration: none;
5775
}
5876

5977
a.btn:hover,
@@ -76,15 +94,9 @@ a.btn:focus {
7694
padding-bottom: 1rem;
7795
}
7896

79-
/*
80-
.section svg {
81-
display: inline-block;
82-
width: 2rem;
83-
height: 2rem;
84-
vertical-align: text-top;
97+
body .section.feature{
98+
background: $gray-100;
8599
}
86-
*/
87-
88100
body {
89101
padding-top: 3.5625rem;
90102
}
@@ -199,10 +211,14 @@ body {
199211
-webkit-mask: linear-gradient(to top, #fff, transparent);
200212
mask: linear-gradient(to top, #fff, transparent);
201213
width: 100%;
202-
height: 9rem;
203214
margin-top: -10rem;
204215
z-index: -1;
205216
}
217+
.img-fade {
218+
-webkit-mask: linear-gradient(to bottom, #fff 80%, transparent);
219+
mask: linear-gradient(to bottom, #fff, transparent);
220+
z-index: -1;
221+
}
206222

207223
.bg-dots-md {
208224
margin-top: -11rem;

‎assets/scss/common/_variables.scss‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,10 @@ $black: #000;
1515
$yellow: #ffe000;
1616
$black: #1d2d35;
1717
$beige: #fbf7f0;
18-
// $red: #e55235;
18+
$red: #e55235;
1919
$purple: #5d2f86;
2020
$brown: #aa9c84;
21-
21+
$blue: #009eec;
2222
$blue-300: #8ed6fb;
2323
$pink-500: #d32e9d;
2424

@@ -76,13 +76,14 @@ $link-decoration: none;
7676
// Define the maximum width of `.container` for different screen sizes.
7777

7878
$container-max-widths: (
79-
sm: 540px,
80-
md: 720px,
81-
lg: 960px,
82-
xl: 1240px,
83-
xxl: 1320px
79+
sm: 95%,
80+
md: 95%,
81+
lg: 95%,
82+
xl: 95%,
83+
xxl: 95%
8484
);
8585

86+
8687
@include _assert-ascending($container-max-widths, "$container-max-widths");
8788

8889
// Grid columns
@@ -118,7 +119,7 @@ $font-size-sm: $font-size-base * 0.875;
118119
$line-height-base: 1.5;
119120

120121
$headings-font-family: null;
121-
$headings-font-weight: 700;
122+
$headings-font-weight: 100;
122123

123124
$lead-font-weight: 400;
124125

‎assets/scss/components/_alerts.scss‎

Lines changed: 31 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
}
1313

1414
.alert .alert-link {
15-
text-decoration: underline;
15+
font-weight: 600;
1616
}
1717

1818
.alert-dark {
@@ -29,7 +29,7 @@
2929
}
3030

3131
.alert-warning {
32-
background: $beige;
32+
background: #fafaf8;
3333
color: $black;
3434
}
3535

@@ -61,9 +61,34 @@
6161
.alert .alert-link:focus {
6262
text-decoration: none;
6363
}
64+
.alert-global {
65+
background-color: rgba(253, 253, 253, 0.95);
66+
margin: 0 15% 1rem;
67+
font-family: $font-family-base;
68+
}
6469

65-
.alert code {
66-
background: darken($beige, 5%);
67-
color: $black;
68-
padding: 0.25rem 0.5rem;
70+
.alert-global a {
71+
color: #dee2e6; }
72+
73+
.alert-global {
74+
background: #212529;
75+
opacity: 0.95;
76+
color: #dee2e6;}
77+
78+
@include media-breakpoint-up(sm) {
79+
.alert-global {
80+
margin: 0 25% 1rem;
81+
}
82+
}
83+
84+
@include media-breakpoint-up(md) {
85+
.alert-global {
86+
margin: 0 30% 1rem;
87+
}
88+
}
89+
90+
@include media-breakpoint-up(lg) {
91+
.alert-global {
92+
margin: 0 35% 1rem;
93+
}
6994
}

‎config/_default/params.toml‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11
# Meta Data for SEO
22

33
## Homepage
4-
title = "Doks"
4+
title = "blazorhero"
55
titleSeparator = "-"
6-
titleAddition = "Modern Documentation Theme"
7-
description = "Doks is a Hugo theme helping you build modern documentation websites that are secure, fast, and SEO-ready — by default."
6+
titleAddition = "Clean Architecture Template for Blazor WebAssembly"
7+
description = "BlazorHero is a Clean Architecture Solution Template for Blazor Webassembly 5.0 built with MudBlazor Components."
88

99
## Open Graph + Twitter Cards
1010
images = ["doks.png"]
11-
twitterSite = "henkverlinde"
12-
twitterCreator = "henkverlinde"
13-
facebookAuthor = "verlinde.henk"
14-
facebookPublisher = "verlinde.henk"
11+
twitterSite = "codewithmukesh"
12+
twitterCreator = "iammuekshm"
13+
facebookAuthor = "iammuekshm"
14+
facebookPublisher = "codewithmukesh"
1515
ogLocale = "en_US"
1616

1717
## JSON-LD
1818
schemaType = "Organization"
1919
schemaLogo = "logo-doks.png"
20-
schemaTwitter = "https://twitter.com/henkverlinde"
21-
schemaLinkedIn = "https://www.linkedin.com/in/henkverlinde/"
22-
schemaGitHub = "https://github.com/h-enk"
20+
schemaTwitter = "https://twitter.com/codewithmukesh"
21+
schemaLinkedIn = "https://www.linkedin.com/in/iammuekshm/"
22+
schemaGitHub = "https://github.com/blazorhero"
2323
schemaSection = "blog"
2424

2525
## Sitelinks Search Box
@@ -36,15 +36,15 @@ portraitPhotoWidths = [800, 700, 600, 500]
3636
lqipWidth = "20x"
3737

3838
# Footer
39-
footer = "Powered by <a href=\"https://www.netlify.com/\">Netlify</a>, <a href=\"https://gohugo.io/\">Hugo</a>, and <a href=\"https://getdoks.org/\">Doks</a>"
39+
footer = "Maintained by <a href=\"https://www.codewithmukesh.com/\">Mukesh Murugan</a>"
4040

4141
# Alert
42-
alert = false
43-
alertText = "Like Doks? <a class=\"alert-link\" href=\"https://github.com/h-enk/doks/stargazers\">Star on GitHub</a>. Thanks!</a>"
42+
alert = true
43+
alertText = "Like blazorhero? <a class=\"alert-link\" href=\"https://github.com/blazorhero/CleanArchitecture/stargazers\">Star on GitHub</a>. Thanks!</a>"
4444

4545
# Edit Page
46-
docsRepo = "https://github.com/h-enk/doks"
47-
editPage = false
46+
docsRepo = "https://github.com/blazorhero/docs"
47+
editPage = true
4848

4949
[options]
5050
lazySizes = true

0 commit comments

Comments
 (0)