Skip to content

Commit

Permalink
Consolidate theming in scss
Browse files Browse the repository at this point in the history
  • Loading branch information
dkapitan committed Aug 7, 2023
1 parent 5826510 commit 576329f
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 108 deletions.
19 changes: 19 additions & 0 deletions mozilla.scss
Original file line number Diff line number Diff line change
Expand Up @@ -46,4 +46,23 @@ $spacer: 1rem;
$navbar-padding-y: $spacer * 1.5;
$navbar-padding-x: null;

// Set fonts
.navbar, .sidebar, .quarto-secondary-nav {
font-family: $zilla-slab;
}

.sidebar-navigation .sidebar-item {
font-size: 1.2rem
}

div.quarto-post .body .listing-subtitle {
font-family: $zilla-slab;
font-weight: 300;
font-size: .875em;
margin-bottom: 0.5em;
margin-top: 0.2em;
}

div.quarto-post .listing-description {
font-size: .875em;
}
108 changes: 0 additions & 108 deletions styles.css
Original file line number Diff line number Diff line change
@@ -1,108 +0,0 @@
/* taken from https://github.com/realworlddatascience/realworlddatascience.github.io/blob/main/rwds.css */

/*-- navbar --*/

.navbar {
font-family: "Zilla Slab";
}

.sidebar {
font-family: "Zilla Slab";
}

.quarto-secondary-nav {
font-family: "Zilla Slab";
}

.sidebar-navigation .sidebar-item {
font-size: 1.2rem
}

div.quarto-post .body .listing-subtitle {
font-family: "Zilla Slab";
font-weight: 300;
font-size: .875em;
margin-bottom: 0.5em;
margin-top: 0.2em;
}

div.quarto-post .listing-description {
font-size: .875em;
}
/*
.navbar-brand.navbar-brand-logo {
display: flex;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 1.5em;
}

#quarto-header {
border-bottom: 1px solid black;
}

@media (max-width: 991px) {
.navbar-brand.navbar-brand-logo {
margin-left: 5vw;
margin-right: 10vw;
}
}

.navbar-logo {
max-height: 150px;
width: auto;
align-items: baseline;
}

@media (max-width: 991px) {
.navbar-logo {
max-height: 100px;
width: auto;
align-items: baseline;
}
}

.nav-item {
margin-top: 5rem;
}

@media (max-width: 1200px) {
.nav-item {
margin-right: 0.5rem;
}
}

@media (max-width: 991px) {
.nav-item {
margin-top: 0;
margin-right: 0rem;
}
}

.aa-DetachedSearchButton {
margin-top: 5rem;
}

@media (max-width: 991px) {
.aa-DetachedSearchButton {
margin-top: 0;
}
}

.dropdown-item {
font-family: inherit;
letter-spacing: 1px;
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 300;
color: black;
text-align: inherit;
text-transform: uppercase;
white-space: nowrap;
background-color: rgba(0,0,0,0);
border: 0;
}

0 comments on commit 576329f

Please sign in to comment.