Skip to content

Commit b54cef5

Browse files
Resize elements of the navbar.
1 parent dbe1400 commit b54cef5

File tree

11 files changed

+379
-124
lines changed

11 files changed

+379
-124
lines changed

docusaurus.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ const config: Config = {
7777
title: "",
7878
logo: {
7979
alt: "QuantStack Logo",
80-
src: "img/quantstack/logo-website.svg",
80+
src: "img/quantstack/logo-website-smaller.svg",
8181
},
8282

8383
items: [

src/css/custom.css

Lines changed: 39 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
--ifm-color-secondary-s1: #a0c9ff;
2020
--ifm-color-secondary-s2: #002646;
2121
--ifm-color-secondary-s3: #00497F;
22-
22+
2323

2424
--ifm-color-neutral-n1: #605e58;
2525
--ifm-color-neutral-n2: #371300;
@@ -187,6 +187,7 @@ ul {
187187
.row-with-margins {
188188
margin: var(--ifm-spacing-xl) 0;
189189
}
190+
190191
.col {
191192
padding: 0;
192193
}
@@ -197,7 +198,8 @@ ul {
197198
font-size: 32px;
198199
font-style: normal;
199200
font-weight: 600;
200-
line-height: 150%; /* 36px */
201+
line-height: 150%;
202+
/* 36px */
201203
letter-spacing: 1.056px;
202204
text-align: center;
203205
padding: 0;
@@ -232,8 +234,7 @@ ul {
232234
font-size: 16px;
233235
font-weight: 500;
234236
color: var(--ifm-color-secondary-s2);
235-
padding: var(--ifm-spacing-2xl) var(--ifm-spacing-lg) 0
236-
var(--ifm-spacing-lg);
237+
padding: var(--ifm-spacing-2xl) var(--ifm-spacing-lg) 0 var(--ifm-spacing-lg);
237238
background-color: var(--ifm-color-secondary-s1);
238239
line-height: 20px;
239240
letter-spacing: 0.1px;
@@ -343,8 +344,7 @@ ul {
343344
line-height: 150%;
344345
background-color: var(--ifm-color-secondary-s1);
345346
color: var(--ifm-color-secondary-s2);
346-
padding: var(--ifm-spacing-2xl) var(--ifm-spacing-4xl) 0
347-
var(--ifm-spacing-4xl);
347+
padding: var(--ifm-spacing-2xl) var(--ifm-spacing-4xl) 0 var(--ifm-spacing-4xl);
348348
}
349349

350350
.blue-banner-header {
@@ -387,6 +387,7 @@ ul {
387387
justify-content: center;
388388
}
389389
}
390+
390391
/***********************************************************/
391392

392393
.social-media-links {
@@ -496,14 +497,20 @@ a {
496497
a:hover,
497498
/* We need to (re)override some of the infima rules to have proper states on
498499
navbar links, table of contents, and docs sidebar links, respectively */
499-
a.navbar__link:hover, /* Top bar navigation links */
500-
a.table-of-contents__link:hover, /*Right sidebar links (table of contents) */
501-
a[class^="sidebarItemLink"]:hover /* The docs sidebar links do not have its own class */ {
500+
a.navbar__link:hover,
501+
/* Top bar navigation links */
502+
a.table-of-contents__link:hover,
503+
/*Right sidebar links (table of contents) */
504+
a[class^="sidebarItemLink"]:hover
505+
506+
/* The docs sidebar links do not have its own class */
507+
{
502508
/*text-decoration: underline;
503509
text-decoration-thickness: var(--pydata-link-hover-decoration-thickness);
504510
text-decoration-skip-ink: none;
505511
text-decoration-skip: none;*/
506512
}
513+
507514
a:active,
508515
a.navbar__link:active,
509516
a.table-of-contents__link:active,
@@ -513,13 +520,15 @@ a[class^="sidebarItemLink"]:active {
513520

514521
/* In some cases, we override the underlines because there are other elements that
515522
already report the state (e.g. borders, background colors, etc) */
516-
a[class^="sidebarItemLink"][aria-current="page"], /* No underline if this is the current page */
523+
a[class^="sidebarItemLink"][aria-current="page"],
524+
/* No underline if this is the current page */
517525
a.navbar__link,
518526
.navbar-sidebar__item,
519527
.menu a,
520528
.navbar__items--right a,
521529
.pagination-nav__link,
522-
a.card, /* These cards are used in index-like documentation pages */
530+
a.card,
531+
/* These cards are used in index-like documentation pages */
523532
a.card:hover {
524533
text-decoration: none;
525534
}
@@ -532,6 +541,7 @@ a.menu__link:active {
532541
background: white;
533542
color: #000;
534543
}
544+
535545
[data-theme="dark"] .pagination-nav__link:active,
536546
[data-theme="dark"] a.card:active,
537547
[data-theme="dark"] a.menu__link:active {
@@ -551,10 +561,11 @@ a.menu__link:active {
551561
.contact {
552562
background-color: var(--ifm-color-primary-p1);
553563
color: var(--ifm-color-text-on-primary-p1);
564+
font-size: 14px;
554565
border-radius: 4px;
555566
font-weight: bolder;
556567
font-style: normal;
557-
margin: var(--ifm-navbar-item-padding-vertical) 8px;
568+
margin: var(--ifm-navbar-item-padding-vertical) 2px;
558569
}
559570

560571
.contact:hover {
@@ -563,10 +574,12 @@ a.menu__link:active {
563574

564575
.fundable_projects {
565576
background-color: var(--ifm-color-secondary-s1);
577+
font-size: 14px;
566578
color: black;
567579
border-radius: 4px;
580+
font-weight: bolder;
568581
font-style: normal;
569-
margin: var(--ifm-navbar-item-padding-vertical) 8px;
582+
margin: var(--ifm-navbar-item-padding-vertical) 2px;
570583
}
571584

572585
.fundable_projects:hover {
@@ -609,8 +622,8 @@ a.menu__link:active {
609622
background: url(@site/static/img/socialmedias/RSS.svg);
610623
content: "";
611624
display: flex;
612-
height: 36px;
613-
width: 36px;
625+
height: 32px;
626+
width: 32px;
614627
background-repeat: no-repeat;
615628
}
616629

@@ -622,8 +635,8 @@ a.menu__link:active {
622635
background: url(@site/static/img/socialmedias/GH.svg);
623636
content: "";
624637
display: flex;
625-
height: 36px;
626-
width: 37px;
638+
height: 32px;
639+
width: 32px;
627640
background-repeat: no-repeat;
628641
}
629642

@@ -635,8 +648,8 @@ a.menu__link:active {
635648
background: url(@site/static/img/socialmedias/LinkedIn.svg);
636649
content: "";
637650
display: flex;
638-
height: 36px;
639-
width: 37px;
651+
height: 32px;
652+
width: 32px;
640653
background-repeat: no-repeat;
641654
}
642655

@@ -648,8 +661,8 @@ a.menu__link:active {
648661
background: url(@site/static/img/socialmedias/Bluesky.svg);
649662
content: "";
650663
display: flex;
651-
height: 36px;
652-
width: 37px;
664+
height: 32px;
665+
width: 32px;
653666
background-repeat: no-repeat;
654667
}
655668

@@ -661,8 +674,8 @@ a.menu__link:active {
661674
background: url(@site/static/img/socialmedias/Mastodon.svg);
662675
content: "";
663676
display: flex;
664-
height: 36px;
665-
width: 37px;
677+
height: 32px;
678+
width: 32px;
666679
background-repeat: no-repeat;
667680
}
668681

@@ -703,9 +716,11 @@ ul.row {
703716
.items-list {
704717
list-style-type: none;
705718
}
719+
706720
.custom-progress-bar::-webkit-progress-value {
707721
background-color: var(--ifm-color-primary-p1);
708722
}
723+
709724
.custom-progress-bar::-webkit-progress-bar {
710725
background-color: #eee;
711-
}
726+
}

static/img/quantstack/.svg

Lines changed: 99 additions & 0 deletions
Large diffs are not rendered by default.

static/img/quantstack/logo-website-smaller.svg

Lines changed: 99 additions & 0 deletions
Loading

static/img/socialmedias/Bluesky.svg

Lines changed: 18 additions & 14 deletions
Loading

static/img/socialmedias/GH.svg

Lines changed: 31 additions & 5 deletions
Loading

static/img/socialmedias/LinkedIn.svg

Lines changed: 31 additions & 5 deletions
Loading

0 commit comments

Comments
 (0)