michaelh/hugo-academic-mirror
1
0
Fork 0
mirror of https://github.com/gcushen/hugo-academic.git synced 2025-07-26 19:15:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(style): run code formatter

Browse source
This commit is contained in:
George Cushen 2021-01-08 23:58:43 +00:00
commit 79b48a3730
14 changed files with 178 additions and 164 deletions
Download patch file Download diff file Expand all files Collapse all files

4
wowchemy/assets/scss/bootstrap_variables.scss vendored
View file

@ -2,14 +2,14 @@
// Set colors. // Set colors.
$primary: $sta-primary; $primary: $sta-primary;
$text-muted: rgba(0,0,0,0.54); $text-muted: rgba(0, 0, 0, 0.54);
// Container widths - override XL default of `1140px`. // Container widths - override XL default of `1140px`.
$container-max-widths: ( $container-max-widths: (
sm: 540px, sm: 540px,
md: 720px, md: 720px,
lg: 960px, lg: 960px,
xl: 1200px xl: 1200px,
); );
$navbar-toggler-padding-x: 0; $navbar-toggler-padding-x: 0;

82
wowchemy/assets/scss/wowchemy/_book.scss
View file

@ -23,15 +23,15 @@
position: relative; position: relative;
} }
.docs-content>h2[id], .docs-content > h2[id],
.docs-content>h3[id], .docs-content > h3[id],
.docs-content>h4[id] { .docs-content > h4[id] {
pointer-events: none; pointer-events: none;
} }
.docs-content>ol li, .docs-content > ol li,
.docs-content>ul li { .docs-content > ul li {
margin-bottom: .25rem; margin-bottom: 0.25rem;
} }
/* Docs search. */ /* Docs search. */
@ -41,7 +41,7 @@
padding: 1rem 15px; padding: 1rem 15px;
margin-right: -15px; margin-right: -15px;
margin-left: -15px; margin-left: -15px;
border-bottom: 1px solid rgba(0, 0, 0, .05); border-bottom: 1px solid rgba(0, 0, 0, 0.05);
} }
.docs-search .form-control:focus { .docs-search .form-control:focus {
@ -53,42 +53,42 @@
.docs-sidebar { .docs-sidebar {
order: 0; order: 0;
border-bottom: 1px solid rgba(0, 0, 0, .1) border-bottom: 1px solid rgba(0, 0, 0, 0.1);
} }
@media (min-width:768px) { @media (min-width: 768px) {
.docs-sidebar { .docs-sidebar {
border-right: 1px solid rgba(0, 0, 0, .1) border-right: 1px solid rgba(0, 0, 0, 0.1);
} }
@supports ((position:-webkit-sticky) or (position:sticky)) { @supports ((position: -webkit-sticky) or (position: sticky)) {
.docs-sidebar { .docs-sidebar {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 50px; top: 50px;
z-index: 10; z-index: 10;
height: calc(100vh - 50px) height: calc(100vh - 50px);
} }
} }
} }
@media (min-width:1200px) { @media (min-width: 1200px) {
.docs-sidebar { .docs-sidebar {
border-right: 1px solid rgba(0, 0, 0, .1) border-right: 1px solid rgba(0, 0, 0, 0.1);
} }
@supports ((position:-webkit-sticky) or (position:sticky)) { @supports ((position: -webkit-sticky) or (position: sticky)) {
.docs-sidebar { .docs-sidebar {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 70px; top: 70px;
z-index: 10; z-index: 10;
height: calc(100vh - 70px) height: calc(100vh - 70px);
} }
} }
} }
@media (min-width:1200px) { @media (min-width: 1200px) {
.docs-sidebar { .docs-sidebar {
flex: 0 1 320px flex: 0 1 320px;
} }
} }
@ -102,15 +102,15 @@
/* Docs sidebar li>a. */ /* Docs sidebar li>a. */
.docs-sidebar .nav>li>a { .docs-sidebar .nav > li > a {
display: block; display: block;
padding: .25rem 1.5rem; padding: 0.25rem 1.5rem;
font-size: 0.8rem; font-size: 0.8rem;
color: rgba(0, 0, 0, .65); color: rgba(0, 0, 0, 0.65);
} }
.docs-sidebar .nav>li>a:hover { .docs-sidebar .nav > li > a:hover {
color: rgba(0, 0, 0, .85); color: rgba(0, 0, 0, 0.85);
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
} }
@ -140,8 +140,8 @@
margin-left: -15px; margin-left: -15px;
} }
@media (min-width:768px) { @media (min-width: 768px) {
@supports ((position:-webkit-sticky) or (position:sticky)) { @supports ((position: -webkit-sticky) or (position: sticky)) {
.docs-links { .docs-links {
max-height: calc(100vh - 5rem - 70px); max-height: calc(100vh - 5rem - 70px);
overflow-y: auto; overflow-y: auto;
@ -149,9 +149,9 @@
} }
} }
@media (min-width:768px) { @media (min-width: 768px) {
.docs-links { .docs-links {
display: block!important; display: block !important;
} }
} }
@ -161,16 +161,16 @@
order: 2; order: 2;
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
font-size: .875rem font-size: 0.875rem;
} }
@supports ((position:-webkit-sticky) or (position:sticky)) { @supports ((position: -webkit-sticky) or (position: sticky)) {
.docs-toc { .docs-toc {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 70px; top: 70px;
height: calc(100vh - 70px); height: calc(100vh - 70px);
overflow-y: auto overflow-y: auto;
} }
} }
@ -178,13 +178,13 @@
.docs-toc-link { .docs-toc-link {
display: block; display: block;
padding: .25rem 1.5rem; padding: 0.25rem 1.5rem;
font-weight: bold; font-weight: bold;
color: rgba(0, 0, 0, .65); color: rgba(0, 0, 0, 0.65);
} }
.docs-toc-link:hover { .docs-toc-link:hover {
color: rgba(0, 0, 0, .85); color: rgba(0, 0, 0, 0.85);
text-decoration: none; text-decoration: none;
} }
@ -196,11 +196,11 @@
margin-top: 1rem; margin-top: 1rem;
} }
.docs-toc-item.active>.docs-toc-link { .docs-toc-item.active > .docs-toc-link {
color: rgba(0, 0, 0, .85); color: rgba(0, 0, 0, 0.85);
} }
.docs-toc-item.active>.docs-toc-link:hover { .docs-toc-item.active > .docs-toc-link:hover {
background-color: transparent; background-color: transparent;
} }
@ -212,7 +212,7 @@
.docs-toc-title { .docs-toc-title {
color: #b5b5b5; color: #b5b5b5;
font-size: .875rem; font-size: 0.875rem;
font-weight: 600; font-weight: 600;
padding-left: calc(1.5rem + 1px); padding-left: calc(1.5rem + 1px);
} }
@ -239,14 +239,14 @@ ul.toc-top {
#TableOfContents li a, #TableOfContents li a,
.toc-top li a { .toc-top li a {
display: block; display: block;
padding: .125rem 1.5rem; padding: 0.125rem 1.5rem;
color: rgba(0,0,0,.65); color: rgba(0, 0, 0, 0.65);
font-size: 0.7rem; font-size: 0.7rem;
} }
.dark #TableOfContents li a, .dark #TableOfContents li a,
.dark .toc-top li a { .dark .toc-top li a {
color: rgba(255,255,255,.65); color: rgba(255, 255, 255, 0.65);
} }
#TableOfContents li a:hover, #TableOfContents li a:hover,
@ -266,7 +266,7 @@ ul.toc-top {
.anchorjs-link { .anchorjs-link {
font-weight: 400; font-weight: 400;
color: $sta-primary-dark; color: $sta-primary-dark;
transition: color .16s linear; transition: color 0.16s linear;
} }
.anchorjs-link:hover { .anchorjs-link:hover {

2
wowchemy/assets/scss/wowchemy/_callouts.scss
View file

@ -17,7 +17,7 @@ div.alert > div {
} }
div.alert div > * { div.alert div > * {
margin-bottom: .5rem; /* Use smaller paragraph spacing than usual. */ margin-bottom: 0.5rem; /* Use smaller paragraph spacing than usual. */
} }
div.alert div > :last-child { div.alert div > :last-child {

14
wowchemy/assets/scss/wowchemy/_card.scss
View file

@ -4,8 +4,8 @@
.card-simple { .card-simple {
background: #fff; background: #fff;
box-shadow: 0 1px 4px rgba(0,0,0,.04); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
border: 1px solid rgba(0,0,0,.09); border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 3px; border-radius: 3px;
margin-top: 20px; margin-top: 20px;
padding: 15px 20px 15px 20px; padding: 15px 20px 15px 20px;
@ -21,7 +21,7 @@
.dark .card-simple { .dark .card-simple {
background: rgb(40, 42, 54); background: rgb(40, 42, 54);
box-shadow: 0 1px 4px rgba(0,0,0,.04); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
border: 1px solid rgb(68, 71, 90); border: 1px solid rgb(68, 71, 90);
} }
@ -36,7 +36,7 @@ a.summary-link {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
background: #fff; background: #fff;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
} }
@ -69,7 +69,7 @@ a.summary-link {
} }
.card .card-text p { .card .card-text p {
color: rgba(0,0,0,0.54); color: rgba(0, 0, 0, 0.54);
font-size: 0.75rem; font-size: 0.75rem;
} }
@ -89,7 +89,7 @@ a.summary-link {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: #fff;
content: " "; content: ' ';
opacity: 0; opacity: 0;
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
} }
@ -112,7 +112,7 @@ a.summary-link {
} }
.card:hover { .card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
} }
.card:hover .card-image.hover-overlay:before { .card:hover .card-image.hover-overlay:before {

28
wowchemy/assets/scss/wowchemy/_content.scss
View file

@ -10,12 +10,12 @@
.page-subtitle { .page-subtitle {
font-size: 1.15rem; font-size: 1.15rem;
color: rgba(0,0,0,.54); color: rgba(0, 0, 0, 0.54);
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.dark .page-subtitle { .dark .page-subtitle {
color: rgba(255,255,255,0.54); color: rgba(255, 255, 255, 0.54);
} }
.article-header { .article-header {
@ -48,7 +48,7 @@
margin: 0 auto; margin: 0 auto;
padding: 2px 5px; padding: 2px 5px;
color: #fff; color: #fff;
font-size: .7em; font-size: 0.7em;
background: #000; background: #000;
text-align: right; text-align: right;
z-index: 5; z-index: 5;
@ -76,7 +76,7 @@
} }
.dark .text-muted { .dark .text-muted {
color: rgba(255,255,255,0.54) !important; color: rgba(255, 255, 255, 0.54) !important;
} }
.article-metadata { .article-metadata {
@ -84,11 +84,11 @@
overflow: hidden; overflow: hidden;
font-size: 14px; font-size: 14px;
letter-spacing: 0.03em; letter-spacing: 0.03em;
color: rgba(0,0,0,0.54); color: rgba(0, 0, 0, 0.54);
} }
.dark .article-metadata { .dark .article-metadata {
color: rgba(255,255,255,0.54); color: rgba(255, 255, 255, 0.54);
} }
.stream-meta.article-metadata { .stream-meta.article-metadata {
@ -101,11 +101,11 @@ article .article-metadata {
} }
.article-metadata a { .article-metadata a {
color: rgba(0,0,0,.54); color: rgba(0, 0, 0, 0.54);
} }
.dark .article-metadata a { .dark .article-metadata a {
color: rgba(255,255,255,0.54); color: rgba(255, 255, 255, 0.54);
} }
.article-metadata a:hover { .article-metadata a:hover {
@ -126,8 +126,8 @@ article .article-metadata {
} }
.middot-divider { .middot-divider {
padding-right: .45em; padding-right: 0.45em;
padding-left: .45em; padding-left: 0.45em;
font-size: 15px; font-size: 15px;
} }
@ -231,11 +231,11 @@ article .article-metadata {
.content-widget-hr { .content-widget-hr {
margin-top: 1.2rem; margin-top: 1.2rem;
padding-top: 1.2rem; padding-top: 1.2rem;
border-top: 1px solid rgba(0,0,0,.05); border-top: 1px solid rgba(0, 0, 0, 0.05);
} }
.dark .content-widget-hr { .dark .content-widget-hr {
border-top: 1px solid rgba(255,255,255,.05); border-top: 1px solid rgba(255, 255, 255, 0.05);
} }
/************************************************* /*************************************************
@ -294,7 +294,7 @@ ul.share li a {
} }
ul.share li:hover i { ul.share li:hover i {
transform: scale(1.2) transform: scale(1.2);
} }
/************************************************* /*************************************************
@ -360,7 +360,7 @@ ul.share li:hover i {
**************************************************/ **************************************************/
.article-widget { .article-widget {
padding-top: 1.2rem; /* Match .content-widget-hr */ padding-top: 1.2rem; /* Match .content-widget-hr */
} }
.article-widget h3 { .article-widget h3 {

13
wowchemy/assets/scss/wowchemy/_dark.scss
View file

@ -20,7 +20,7 @@ body.dark,
.dark .form-control:focus { .dark .form-control:focus {
background-color: rgb(68, 71, 90); background-color: rgb(68, 71, 90);
border-color: $sta-primary; border-color: $sta-primary;
box-shadow: 0 0 0 .2rem $sta-primary-dark; box-shadow: 0 0 0 0.2rem $sta-primary-dark;
} }
.dark h1, .dark h1,
@ -91,7 +91,8 @@ body.dark,
color: rgba(255, 255, 255, 0.54); color: rgba(255, 255, 255, 0.54);
} }
.dark .pagination li > a, .pagination li > span { .dark .pagination li > a,
.pagination li > span {
background-color: rgb(40, 42, 54); background-color: rgb(40, 42, 54);
border: 1px solid #ddd; border: 1px solid #ddd;
} }
@ -119,18 +120,18 @@ body.dark,
} }
.dark .badge-light { .dark .badge-light {
color: rgba(255, 255, 255, .68); color: rgba(255, 255, 255, 0.68);
background: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, 0.2);
} }
.dark .badge-light[href]:focus, .dark .badge-light[href]:focus,
.dark .badge-light[href]:hover { .dark .badge-light[href]:hover {
background: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, 0.3);
} }
.dark a.badge:focus, .dark a.badge:focus,
.dark a.badge:hover { .dark a.badge:hover {
color: rgba(255, 255, 255, .68); color: rgba(255, 255, 255, 0.68);
} }
.dark .btn-primary, .dark .btn-primary,

6
wowchemy/assets/scss/wowchemy/_footer.scss
View file

@ -15,13 +15,13 @@ footer .powered-by {
} }
.site-footer { .site-footer {
color: rgba(0,0,0,0.54); color: rgba(0, 0, 0, 0.54);
} }
// Dark footer theme // Dark footer theme
.dark .site-footer, .dark .site-footer,
.dark .docs .body-footer { .dark .docs .body-footer {
color: rgba(255,255,255,0.54); color: rgba(255, 255, 255, 0.54);
} }
// Footer copyright license // Footer copyright license
@ -38,7 +38,7 @@ footer .powered-by {
} }
.footer-license-icons i { .footer-license-icons i {
display: inline-flex; display: inline-flex;
margin-right: 8px; margin-right: 8px;
height: 22px; height: 22px;
vertical-align: text-bottom; vertical-align: text-bottom;

4
wowchemy/assets/scss/wowchemy/_icons.scss
View file

@ -3,8 +3,8 @@
align-self: center; align-self: center;
} }
.svg-icon { .svg-icon {
height:0.9em; height: 0.9em;
width:0.9em; width: 0.9em;
} }
.svg-icon.svg-baseline { .svg-icon.svg-baseline {
bottom: 0.1em; bottom: 0.1em;

30
wowchemy/assets/scss/wowchemy/_nav.scss
View file

@ -5,7 +5,7 @@
.navbar { .navbar {
height: 70px; height: 70px;
background: $sta-menu-primary; background: $sta-menu-primary;
box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.11); box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.11);
font-size: #{$sta-font-size-small}px; font-size: #{$sta-font-size-small}px;
position: fixed; position: fixed;
top: 0; top: 0;
@ -40,7 +40,7 @@
display: flex; display: flex;
.nav-link { .nav-link {
color: rgba($sta-menu-text, .85); color: rgba($sta-menu-text, 0.85);
&.active, &.active,
&:hover, &:hover,
@ -65,15 +65,14 @@
font-weight: bold; font-weight: bold;
color: $sta-menu-text-active !important; color: $sta-menu-text-active !important;
} }
} }
.dark .navbar { .dark .navbar {
background: $sta-dark-menu-primary; background: $sta-dark-menu-primary;
box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, .11); box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.11);
.navbar-nav { .navbar-nav {
.nav-link { .nav-link {
color: rgba($sta-dark-menu-text, .85); color: rgba($sta-dark-menu-text, 0.85);
&.active, &.active,
&:hover, &:hover,
@ -96,12 +95,12 @@
// Remove Bootstrap's border from Toggle button. // Remove Bootstrap's border from Toggle button.
.navbar-toggler { .navbar-toggler {
border: 0 !important; border: 0 !important;
position: relative; // For z-index clickable mobile logo. position: relative; // For z-index clickable mobile logo.
z-index: 1030; z-index: 1030;
} }
.dark .navbar-toggler { .dark .navbar-toggler {
color: $sta-dark-menu-text; color: $sta-dark-menu-text;
} }
.navbar-toggler:focus, .navbar-toggler:focus,
@ -110,7 +109,8 @@
box-shadow: none !important; box-shadow: none !important;
} }
@include media-breakpoint-down(md) { /* Match breakpoint for i18n dropdown in navbar.html. */ @include media-breakpoint-down(md) {
/* Match breakpoint for i18n dropdown in navbar.html. */
.i18n-dropdown .nav-link::after { .i18n-dropdown .nav-link::after {
// Remove dropdown arrow on small devices (when language name isn't displayed). // Remove dropdown arrow on small devices (when language name isn't displayed).
content: none; content: none;
@ -142,7 +142,7 @@
padding-bottom: 5px; padding-bottom: 5px;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
z-index: 1030; // For z-index clickable mobile logo. z-index: 1030; // For z-index clickable mobile logo.
} }
.dark .navbar-brand { .dark .navbar-brand {
@ -158,8 +158,8 @@
height: -webkit-fill-available; height: -webkit-fill-available;
height: -webkit-stretch; height: -webkit-stretch;
height: stretch; height: stretch;
max-height: 60px; // For lg+ responsive sizing. 60px height +10px v-padding = 70px max-height: 60px; // For lg+ responsive sizing. 60px height +10px v-padding = 70px
max-width: fit-content; // Must override default responsive image style. max-width: fit-content; // Must override default responsive image style.
} }
#navbar-main .main-menu-item ul li .nav-link { #navbar-main .main-menu-item ul li .nav-link {
@ -182,17 +182,17 @@
margin: 0 auto; margin: 0 auto;
} }
.navbar-brand img { .navbar-brand img {
max-height: 40px; // 40px height + 10px v-padding = 50px. max-height: 40px; // 40px height + 10px v-padding = 50px.
} }
.navbar-toggler { .navbar-toggler {
border-color: transparent; // Remove Bootstrap's border from Toggle button. border-color: transparent; // Remove Bootstrap's border from Toggle button.
} }
#navbar-main .main-menu-item { #navbar-main .main-menu-item {
text-align: left !important; text-align: left !important;
padding-left: 0; padding-left: 0;
} }
.navbar-collapse { .navbar-collapse {
z-index: 1031 !important; // Appear just over navbar. z-index: 1031 !important; // Appear just over navbar.
position: absolute; position: absolute;
left: 0; left: 0;
top: 50px; top: 50px;
@ -234,7 +234,7 @@ ul.nav-icons li.nav-item a.nav-link {
.dropdown-menu { .dropdown-menu {
background-color: $sta-menu-primary !important; background-color: $sta-menu-primary !important;
color: $sta-menu-text !important; color: $sta-menu-text !important;
z-index: 1032; // I18n dropdown over mobile expanded menu. z-index: 1032; // I18n dropdown over mobile expanded menu.
} }
.dark .dropdown-menu { .dark .dropdown-menu {

61
wowchemy/assets/scss/wowchemy/_root.scss
View file

@ -5,7 +5,7 @@
html { html {
font-family: $sta-font-body, sans-serif; font-family: $sta-font-body, sans-serif;
font-size: #{$sta-font-size-small}px; font-size: #{$sta-font-size-small}px;
color: rgba(0,0,0,0.8); color: rgba(0, 0, 0, 0.8);
line-height: 1.65; line-height: 1.65;
// Offset anchor scrolling by height of desktop fixed header. // Offset anchor scrolling by height of desktop fixed header.
@ -97,7 +97,9 @@ p {
} }
/* Lists */ /* Lists */
ul, ol, dl { ul,
ol,
dl {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -111,7 +113,7 @@ ul.task-list {
list-style: none; list-style: none;
} }
ul.task-list li input[type="checkbox"] { ul.task-list li input[type='checkbox'] {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
@ -124,11 +126,16 @@ ul.task-list li input[type="checkbox"] {
} }
/* Headings */ /* Headings */
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $sta-font-heading, sans-serif; font-family: $sta-font-heading, sans-serif;
font-weight: 400; font-weight: 400;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: .5rem; margin-bottom: 0.5rem;
line-height: 1.25; line-height: 1.25;
color: #313131; color: #313131;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -155,7 +162,9 @@ h3 {
margin-top: 1.5rem; margin-top: 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
} }
h4, h5, h6 { h4,
h5,
h6 {
font-weight: 700; font-weight: 700;
margin-top: 1rem; margin-top: 1rem;
font-size: 1rem; font-size: 1rem;
@ -192,7 +201,7 @@ video {
audio { audio {
width: 100%; width: 100%;
margin-bottom: 20px margin-bottom: 20px;
} }
video { video {
@ -213,7 +222,7 @@ video {
/* Smooth transition for image zoom on hover */ /* Smooth transition for image zoom on hover */
.img-hover-zoom img { .img-hover-zoom img {
transition: transform .3s ease-in-out; transition: transform 0.3s ease-in-out;
} }
/* Transform the image scale when container gets hovered */ /* Transform the image scale when container gets hovered */
@ -276,10 +285,10 @@ hr {
/* Quotes */ /* Quotes */
blockquote { blockquote {
padding: .5rem 1rem; padding: 0.5rem 1rem;
margin: .8rem 0; margin: 0.8rem 0;
color: #7a7a7a; color: #7a7a7a;
border-left: .25rem solid #e5e5e5; border-left: 0.25rem solid #e5e5e5;
} }
blockquote p:last-child { blockquote p:last-child {
margin-bottom: 0; margin-bottom: 0;
@ -321,7 +330,7 @@ blockquote p:last-child {
small, small,
.small { .small {
font-size: .75em; font-size: 0.75em;
} }
.responsive-wrap iframe { .responsive-wrap iframe {
@ -350,7 +359,7 @@ small,
.modal-header { .modal-header {
border: 0; border: 0;
color: rgba(0,0,0,0.8); color: rgba(0, 0, 0, 0.8);
} }
.modal-footer { .modal-footer {
@ -437,8 +446,8 @@ a[data-fancybox] {
.badge-light { .badge-light {
border: none; border: none;
color: rgba(0,0,0,.68); color: rgba(0, 0, 0, 0.68);
background: rgba(0,0,0,.05); background: rgba(0, 0, 0, 0.05);
font-weight: normal; font-weight: normal;
border-radius: 3px; border-radius: 3px;
padding: 5px 10px; padding: 5px 10px;
@ -452,12 +461,12 @@ a[data-fancybox] {
.badge-light[href]:focus, .badge-light[href]:focus,
.badge-light[href]:hover { .badge-light[href]:hover {
background: rgba(0,0,0,.1); background: rgba(0, 0, 0, 0.1);
} }
a.badge:focus, a.badge:focus,
a.badge:hover { a.badge:hover {
color: rgba(0,0,0,.68); color: rgba(0, 0, 0, 0.68);
} }
.tag-cloud a { .tag-cloud a {
@ -465,7 +474,7 @@ a.badge:hover {
position: relative; position: relative;
margin: 8px 10px; margin: 8px 10px;
word-wrap: break-word; word-wrap: break-word;
transition-duration: .2s; transition-duration: 0.2s;
transition-property: transform; transition-property: transform;
transition-timing-function: ease-out; transition-timing-function: ease-out;
} }
@ -488,21 +497,21 @@ a.badge:hover {
*************************************************/ *************************************************/
.btn { .btn {
padding: .5rem; padding: 0.5rem;
font-size: .8rem; font-size: 0.8rem;
line-height: .9; // Anything less and multiline button text may overlap. line-height: 0.9; // Anything less and multiline button text may overlap.
border-radius: .3rem; border-radius: 0.3rem;
} }
.btn-links .btn { .btn-links .btn {
padding: 5px .5rem 5px .5rem; padding: 5px 0.5rem 5px 0.5rem;
line-height: 1; line-height: 1;
} }
.btn.btn-sm { .btn.btn-sm {
padding: 5px .4rem 5px .4rem; padding: 5px 0.4rem 5px 0.4rem;
font-size: 14px; font-size: 14px;
border-radius: .2rem; border-radius: 0.2rem;
} }
.btn-page-header { .btn-page-header {
@ -541,7 +550,7 @@ a.badge:hover {
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus { .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem $sta-primary-light; box-shadow: 0 0 0 0.2rem $sta-primary-light;
} }
/************************************************* /*************************************************

2
wowchemy/assets/scss/wowchemy/_rtl.scss
View file

@ -2,7 +2,7 @@
* Style for right to left (RTL) languages. * Style for right to left (RTL) languages.
**************************************************/ **************************************************/
html[dir="rtl"] { html[dir='rtl'] {
body { body {
text-align: right; text-align: right;
} }

34
wowchemy/assets/scss/wowchemy/_search.scss
View file

@ -39,11 +39,11 @@
} }
.search-modal > .container { .search-modal > .container {
padding-top: 70px; /* Navbar height. */ padding-top: 70px; /* Navbar height. */
} }
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
.search-modal > .container { .search-modal > .container {
padding-top: 50px; /* Navbar height. */ padding-top: 50px; /* Navbar height. */
} }
} }
@ -92,7 +92,7 @@
#search-box::before { #search-box::before {
font-family: 'Font Awesome 5 Free'; font-family: 'Font Awesome 5 Free';
font-weight: 900; font-weight: 900;
content: "\f002"; content: '\f002';
font-size: 1rem; font-size: 1rem;
opacity: 0.25; opacity: 0.25;
line-height: 1rem; line-height: 1rem;
@ -113,21 +113,21 @@
} }
.dark #search-query { .dark #search-query {
background-color: $sta-dark-background;; background-color: $sta-dark-background;
} }
.form-control:focus { .form-control:focus {
border-color: $sta-primary; border-color: $sta-primary;
box-shadow: 0 0 0 .2rem $sta-primary-light; box-shadow: 0 0 0 0.2rem $sta-primary-light;
} }
// Search result items // Search result items
.search-hit em { .search-hit em {
font-style: normal; font-style: normal;
background-color: #FFE0B2; background-color: #ffe0b2;
color: #E65100; color: #e65100;
border-bottom: 1px solid #E65100; border-bottom: 1px solid #e65100;
} }
.search-hit-type { .search-hit-type {
@ -153,13 +153,13 @@
} }
.sidebar-search:hover { .sidebar-search:hover {
color: rgba(0,0,0,.8); color: rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
} }
.dark .sidebar-search:hover { .dark .sidebar-search:hover {
color: rgba(255,255,255,.8); color: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.9); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9);
} }
.sidebar-search-text { .sidebar-search-text {
@ -167,16 +167,16 @@
text-align: left; text-align: left;
// Multilingual safe option to prevent long placeholders overflowing search box. // Multilingual safe option to prevent long placeholders overflowing search box.
overflow: hidden; overflow: hidden;
font-size: .8rem; font-size: 0.8rem;
} }
.sidebar-search-shortcut { .sidebar-search-shortcut {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
box-shadow: 0 1px 1px rgba(12,13,14,0.15), inset 0 1px 0 0 #fff; box-shadow: 0 1px 1px rgba(12, 13, 14, 0.15), inset 0 1px 0 0 #fff;
flex-shrink: 0; flex-shrink: 0;
padding: 1px 12px; padding: 1px 12px;
margin: 0 0 0 10px; margin: 0 0 0 10px;
color: rgba(0,0,0,.6); color: rgba(0, 0, 0, 0.6);
font-size: 1.2rem; font-size: 1.2rem;
letter-spacing: 1px; letter-spacing: 1px;
background: rgb(228, 230, 232); background: rgb(228, 230, 232);
@ -210,5 +210,5 @@
// Algolia dark-themed search input // Algolia dark-themed search input
.dark .ais-search-box--input { .dark .ais-search-box--input {
background-color: $sta-dark-background;; background-color: $sta-dark-background;
} }

30
wowchemy/assets/scss/wowchemy/_widgets.scss
View file

@ -5,9 +5,9 @@
.home-section { .home-section {
// Use `background` rather than `background-color` so it can support gradients in theme packs. // Use `background` rather than `background-color` so it can support gradients in theme packs.
background: $sta-home-section-odd; background: $sta-home-section-odd;
position: relative; // Required for component positioning within section. position: relative; // Required for component positioning within section.
padding: 110px 0 110px 0; padding: 110px 0 110px 0;
z-index: 0; // Explicit z-order otherwise `.home-section-bg` can be hidden by any `.home-section` background. z-index: 0; // Explicit z-order otherwise `.home-section-bg` can be hidden by any `.home-section` background.
} }
// Responsive fullscreen option for widgets // Responsive fullscreen option for widgets
@ -137,13 +137,13 @@
font-family: $sta-font-heading, sans-serif; font-family: $sta-font-heading, sans-serif;
font-weight: bold; font-weight: bold;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: .5rem; margin-bottom: 0.5rem;
} }
.section-heading p { .section-heading p {
font-weight: 400; font-weight: 400;
font-size: 1.1rem; font-size: 1.1rem;
color: rgba(0,0,0,0.54); // Accessible contrast, matching footer text color. color: rgba(0, 0, 0, 0.54); // Accessible contrast, matching footer text color.
} }
.dark .section-heading p { .dark .section-heading p {
@ -207,7 +207,7 @@
} }
.wg-hero .btn { .wg-hero .btn {
padding: .6em 2.1em; padding: 0.6em 2.1em;
} }
.wg-hero.dark .btn { .wg-hero.dark .btn {
@ -217,7 +217,7 @@
a.hero-cta-alt { a.hero-cta-alt {
display: inline-block; display: inline-block;
position: relative; position: relative;
transition-duration: .2s; transition-duration: 0.2s;
transition-property: transform; transition-property: transform;
transition-timing-function: ease-out; transition-timing-function: ease-out;
font-size: 1.1rem; font-size: 1.1rem;
@ -338,7 +338,7 @@ a.hero-cta-alt:hover {
.portrait-title h3 { .portrait-title h3 {
font-size: 1rem; font-size: 1rem;
font-weight: 300; font-weight: 300;
color: rgba(0,0,0, 0.54); color: rgba(0, 0, 0, 0.54);
margin: 0px 0 10px 0; margin: 0px 0 10px 0;
} }
@ -365,7 +365,7 @@ ul.network-icon {
} }
.network-icon li:hover { .network-icon li:hover {
transform: scale(1.2) transform: scale(1.2);
} }
.big-icon { .big-icon {
@ -395,7 +395,7 @@ ul.ul-edu li .description p.course {
ul.ul-edu li .description p.institution { ul.ul-edu li .description p.institution {
font-size: 0.75rem; font-size: 0.75rem;
color: rgba(0,0,0,0.6); color: rgba(0, 0, 0, 0.6);
} }
/************************************************* /*************************************************
@ -482,17 +482,21 @@ ul.ul-edu li .description p.institution {
overflow: hidden; overflow: hidden;
} }
.project-toolbar{ .project-toolbar {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.project-card { .project-card {
position: relative; position: relative;
width: calc(33.3% - 13.3px); /* Fluid 3 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */ width: calc(
33.3% - 13.3px
); /* Fluid 3 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
} }
@media screen and (max-width: 1199px) { @media screen and (max-width: 1199px) {
.project-card { .project-card {
width: calc(50% - 10px); /* Fluid 2 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */ width: calc(
50% - 10px
); /* Fluid 2 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
@ -525,7 +529,7 @@ ul.ul-edu li .description p.institution {
z-index: 2; z-index: 2;
} }
.isotope-item:hover{ .isotope-item:hover {
z-index: 3; z-index: 3;
} }

32
wowchemy/assets/scss/wowchemy/wowchemy.scss
View file

@ -5,19 +5,19 @@
* License: https://github.com/wowchemy/wowchemy-hugo-modules/blob/master/LICENSE.md * License: https://github.com/wowchemy/wowchemy-hugo-modules/blob/master/LICENSE.md
**************************************************/ **************************************************/
@import "root"; @import 'root';
@import "callouts"; @import 'callouts';
@import "shortcodes"; @import 'shortcodes';
@import "icons"; @import 'icons';
@import "footer"; @import 'footer';
@import "nav"; @import 'nav';
@import "card"; @import 'card';
@import "search"; @import 'search';
@import "content"; @import 'content';
@import "listings"; @import 'listings';
@import "widgets"; @import 'widgets';
@import "book"; @import 'book';
@import "dark"; @import 'dark';
@import "integrations"; @import 'integrations';
@import "rtl"; @import 'rtl';
@import "breadcrumb"; @import 'breadcrumb';