mirror of
https://github.com/gcushen/hugo-academic.git
synced 2025-07-26 03:00:50 +02:00
refactor(style): run code formatter
This commit is contained in:
parent
3d8b76f092
commit
79b48a3730
14 changed files with 178 additions and 164 deletions
|
@ -2,14 +2,14 @@
|
|||
|
||||
// Set colors.
|
||||
$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-max-widths: (
|
||||
sm: 540px,
|
||||
md: 720px,
|
||||
lg: 960px,
|
||||
xl: 1200px
|
||||
xl: 1200px,
|
||||
);
|
||||
|
||||
$navbar-toggler-padding-x: 0;
|
||||
|
|
|
@ -23,15 +23,15 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.docs-content>h2[id],
|
||||
.docs-content>h3[id],
|
||||
.docs-content>h4[id] {
|
||||
.docs-content > h2[id],
|
||||
.docs-content > h3[id],
|
||||
.docs-content > h4[id] {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.docs-content>ol li,
|
||||
.docs-content>ul li {
|
||||
margin-bottom: .25rem;
|
||||
.docs-content > ol li,
|
||||
.docs-content > ul li {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
/* Docs search. */
|
||||
|
@ -41,7 +41,7 @@
|
|||
padding: 1rem 15px;
|
||||
margin-right: -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 {
|
||||
|
@ -53,42 +53,42 @@
|
|||
|
||||
.docs-sidebar {
|
||||
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 {
|
||||
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 {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 50px;
|
||||
z-index: 10;
|
||||
height: calc(100vh - 50px)
|
||||
height: calc(100vh - 50px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
@media (min-width: 1200px) {
|
||||
.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 {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 70px;
|
||||
z-index: 10;
|
||||
height: calc(100vh - 70px)
|
||||
height: calc(100vh - 70px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
@media (min-width: 1200px) {
|
||||
.docs-sidebar {
|
||||
flex: 0 1 320px
|
||||
flex: 0 1 320px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -102,15 +102,15 @@
|
|||
|
||||
/* Docs sidebar li>a. */
|
||||
|
||||
.docs-sidebar .nav>li>a {
|
||||
.docs-sidebar .nav > li > a {
|
||||
display: block;
|
||||
padding: .25rem 1.5rem;
|
||||
padding: 0.25rem 1.5rem;
|
||||
font-size: 0.8rem;
|
||||
color: rgba(0, 0, 0, .65);
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.docs-sidebar .nav>li>a:hover {
|
||||
color: rgba(0, 0, 0, .85);
|
||||
.docs-sidebar .nav > li > a:hover {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
@ -140,8 +140,8 @@
|
|||
margin-left: -15px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
@supports ((position:-webkit-sticky) or (position:sticky)) {
|
||||
@media (min-width: 768px) {
|
||||
@supports ((position: -webkit-sticky) or (position: sticky)) {
|
||||
.docs-links {
|
||||
max-height: calc(100vh - 5rem - 70px);
|
||||
overflow-y: auto;
|
||||
|
@ -149,9 +149,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
@media (min-width: 768px) {
|
||||
.docs-links {
|
||||
display: block!important;
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -161,16 +161,16 @@
|
|||
order: 2;
|
||||
padding-top: 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 {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 70px;
|
||||
height: calc(100vh - 70px);
|
||||
overflow-y: auto
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -178,13 +178,13 @@
|
|||
|
||||
.docs-toc-link {
|
||||
display: block;
|
||||
padding: .25rem 1.5rem;
|
||||
padding: 0.25rem 1.5rem;
|
||||
font-weight: bold;
|
||||
color: rgba(0, 0, 0, .65);
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.docs-toc-link:hover {
|
||||
color: rgba(0, 0, 0, .85);
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
@ -196,11 +196,11 @@
|
|||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.docs-toc-item.active>.docs-toc-link {
|
||||
color: rgba(0, 0, 0, .85);
|
||||
.docs-toc-item.active > .docs-toc-link {
|
||||
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;
|
||||
}
|
||||
|
||||
|
@ -212,7 +212,7 @@
|
|||
|
||||
.docs-toc-title {
|
||||
color: #b5b5b5;
|
||||
font-size: .875rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
padding-left: calc(1.5rem + 1px);
|
||||
}
|
||||
|
@ -239,14 +239,14 @@ ul.toc-top {
|
|||
#TableOfContents li a,
|
||||
.toc-top li a {
|
||||
display: block;
|
||||
padding: .125rem 1.5rem;
|
||||
color: rgba(0,0,0,.65);
|
||||
padding: 0.125rem 1.5rem;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
.dark #TableOfContents li a,
|
||||
.dark .toc-top li a {
|
||||
color: rgba(255,255,255,.65);
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
#TableOfContents li a:hover,
|
||||
|
@ -266,7 +266,7 @@ ul.toc-top {
|
|||
.anchorjs-link {
|
||||
font-weight: 400;
|
||||
color: $sta-primary-dark;
|
||||
transition: color .16s linear;
|
||||
transition: color 0.16s linear;
|
||||
}
|
||||
|
||||
.anchorjs-link:hover {
|
||||
|
|
|
@ -17,7 +17,7 @@ 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 {
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
|
||||
.card-simple {
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.04);
|
||||
border: 1px solid rgba(0,0,0,.09);
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
|
||||
border: 1px solid rgba(0, 0, 0, 0.09);
|
||||
border-radius: 3px;
|
||||
margin-top: 20px;
|
||||
padding: 15px 20px 15px 20px;
|
||||
|
@ -21,7 +21,7 @@
|
|||
|
||||
.dark .card-simple {
|
||||
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);
|
||||
}
|
||||
|
||||
|
@ -36,7 +36,7 @@ a.summary-link {
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
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;
|
||||
}
|
||||
|
||||
|
@ -69,7 +69,7 @@ a.summary-link {
|
|||
}
|
||||
|
||||
.card .card-text p {
|
||||
color: rgba(0,0,0,0.54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
|
@ -89,7 +89,7 @@ a.summary-link {
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
content: " ";
|
||||
content: ' ';
|
||||
opacity: 0;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
|
@ -112,7 +112,7 @@ a.summary-link {
|
|||
}
|
||||
|
||||
.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 {
|
||||
|
|
|
@ -10,12 +10,12 @@
|
|||
|
||||
.page-subtitle {
|
||||
font-size: 1.15rem;
|
||||
color: rgba(0,0,0,.54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.dark .page-subtitle {
|
||||
color: rgba(255,255,255,0.54);
|
||||
color: rgba(255, 255, 255, 0.54);
|
||||
}
|
||||
|
||||
.article-header {
|
||||
|
@ -48,7 +48,7 @@
|
|||
margin: 0 auto;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
font-size: .7em;
|
||||
font-size: 0.7em;
|
||||
background: #000;
|
||||
text-align: right;
|
||||
z-index: 5;
|
||||
|
@ -76,7 +76,7 @@
|
|||
}
|
||||
|
||||
.dark .text-muted {
|
||||
color: rgba(255,255,255,0.54) !important;
|
||||
color: rgba(255, 255, 255, 0.54) !important;
|
||||
}
|
||||
|
||||
.article-metadata {
|
||||
|
@ -84,11 +84,11 @@
|
|||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
letter-spacing: 0.03em;
|
||||
color: rgba(0,0,0,0.54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
|
||||
.dark .article-metadata {
|
||||
color: rgba(255,255,255,0.54);
|
||||
color: rgba(255, 255, 255, 0.54);
|
||||
}
|
||||
|
||||
.stream-meta.article-metadata {
|
||||
|
@ -101,11 +101,11 @@ article .article-metadata {
|
|||
}
|
||||
|
||||
.article-metadata a {
|
||||
color: rgba(0,0,0,.54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
|
||||
.dark .article-metadata a {
|
||||
color: rgba(255,255,255,0.54);
|
||||
color: rgba(255, 255, 255, 0.54);
|
||||
}
|
||||
|
||||
.article-metadata a:hover {
|
||||
|
@ -126,8 +126,8 @@ article .article-metadata {
|
|||
}
|
||||
|
||||
.middot-divider {
|
||||
padding-right: .45em;
|
||||
padding-left: .45em;
|
||||
padding-right: 0.45em;
|
||||
padding-left: 0.45em;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
@ -231,11 +231,11 @@ article .article-metadata {
|
|||
.content-widget-hr {
|
||||
margin-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 {
|
||||
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 {
|
||||
transform: scale(1.2)
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
/*************************************************
|
||||
|
@ -360,7 +360,7 @@ ul.share li:hover i {
|
|||
**************************************************/
|
||||
|
||||
.article-widget {
|
||||
padding-top: 1.2rem; /* Match .content-widget-hr */
|
||||
padding-top: 1.2rem; /* Match .content-widget-hr */
|
||||
}
|
||||
|
||||
.article-widget h3 {
|
||||
|
|
|
@ -20,7 +20,7 @@ body.dark,
|
|||
.dark .form-control:focus {
|
||||
background-color: rgb(68, 71, 90);
|
||||
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,
|
||||
|
@ -91,7 +91,8 @@ body.dark,
|
|||
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);
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
@ -119,18 +120,18 @@ body.dark,
|
|||
}
|
||||
|
||||
.dark .badge-light {
|
||||
color: rgba(255, 255, 255, .68);
|
||||
background: rgba(255, 255, 255, .2);
|
||||
color: rgba(255, 255, 255, 0.68);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.dark .badge-light[href]:focus,
|
||||
.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:hover {
|
||||
color: rgba(255, 255, 255, .68);
|
||||
color: rgba(255, 255, 255, 0.68);
|
||||
}
|
||||
|
||||
.dark .btn-primary,
|
||||
|
|
|
@ -15,13 +15,13 @@ footer .powered-by {
|
|||
}
|
||||
|
||||
.site-footer {
|
||||
color: rgba(0,0,0,0.54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
|
||||
// Dark footer theme
|
||||
.dark .site-footer,
|
||||
.dark .docs .body-footer {
|
||||
color: rgba(255,255,255,0.54);
|
||||
color: rgba(255, 255, 255, 0.54);
|
||||
}
|
||||
|
||||
// Footer copyright license
|
||||
|
@ -38,7 +38,7 @@ footer .powered-by {
|
|||
}
|
||||
|
||||
.footer-license-icons i {
|
||||
display: inline-flex;
|
||||
display: inline-flex;
|
||||
margin-right: 8px;
|
||||
height: 22px;
|
||||
vertical-align: text-bottom;
|
||||
|
|
|
@ -3,8 +3,8 @@
|
|||
align-self: center;
|
||||
}
|
||||
.svg-icon {
|
||||
height:0.9em;
|
||||
width:0.9em;
|
||||
height: 0.9em;
|
||||
width: 0.9em;
|
||||
}
|
||||
.svg-icon.svg-baseline {
|
||||
bottom: 0.1em;
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
.navbar {
|
||||
height: 70px;
|
||||
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;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
@ -40,7 +40,7 @@
|
|||
display: flex;
|
||||
|
||||
.nav-link {
|
||||
color: rgba($sta-menu-text, .85);
|
||||
color: rgba($sta-menu-text, 0.85);
|
||||
|
||||
&.active,
|
||||
&:hover,
|
||||
|
@ -65,15 +65,14 @@
|
|||
font-weight: bold;
|
||||
color: $sta-menu-text-active !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dark .navbar {
|
||||
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 {
|
||||
.nav-link {
|
||||
color: rgba($sta-dark-menu-text, .85);
|
||||
color: rgba($sta-dark-menu-text, 0.85);
|
||||
|
||||
&.active,
|
||||
&:hover,
|
||||
|
@ -96,12 +95,12 @@
|
|||
// Remove Bootstrap's border from Toggle button.
|
||||
.navbar-toggler {
|
||||
border: 0 !important;
|
||||
position: relative; // For z-index clickable mobile logo.
|
||||
position: relative; // For z-index clickable mobile logo.
|
||||
z-index: 1030;
|
||||
}
|
||||
|
||||
.dark .navbar-toggler {
|
||||
color: $sta-dark-menu-text;
|
||||
color: $sta-dark-menu-text;
|
||||
}
|
||||
|
||||
.navbar-toggler:focus,
|
||||
|
@ -110,7 +109,8 @@
|
|||
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 {
|
||||
// Remove dropdown arrow on small devices (when language name isn't displayed).
|
||||
content: none;
|
||||
|
@ -142,7 +142,7 @@
|
|||
padding-bottom: 5px;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
z-index: 1030; // For z-index clickable mobile logo.
|
||||
z-index: 1030; // For z-index clickable mobile logo.
|
||||
}
|
||||
|
||||
.dark .navbar-brand {
|
||||
|
@ -158,8 +158,8 @@
|
|||
height: -webkit-fill-available;
|
||||
height: -webkit-stretch;
|
||||
height: stretch;
|
||||
max-height: 60px; // For lg+ responsive sizing. 60px height +10px v-padding = 70px
|
||||
max-width: fit-content; // Must override default responsive image style.
|
||||
max-height: 60px; // For lg+ responsive sizing. 60px height +10px v-padding = 70px
|
||||
max-width: fit-content; // Must override default responsive image style.
|
||||
}
|
||||
|
||||
#navbar-main .main-menu-item ul li .nav-link {
|
||||
|
@ -182,17 +182,17 @@
|
|||
margin: 0 auto;
|
||||
}
|
||||
.navbar-brand img {
|
||||
max-height: 40px; // 40px height + 10px v-padding = 50px.
|
||||
max-height: 40px; // 40px height + 10px v-padding = 50px.
|
||||
}
|
||||
.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 {
|
||||
text-align: left !important;
|
||||
padding-left: 0;
|
||||
}
|
||||
.navbar-collapse {
|
||||
z-index: 1031 !important; // Appear just over navbar.
|
||||
z-index: 1031 !important; // Appear just over navbar.
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50px;
|
||||
|
@ -234,7 +234,7 @@ ul.nav-icons li.nav-item a.nav-link {
|
|||
.dropdown-menu {
|
||||
background-color: $sta-menu-primary !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 {
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
html {
|
||||
font-family: $sta-font-body, sans-serif;
|
||||
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;
|
||||
|
||||
// Offset anchor scrolling by height of desktop fixed header.
|
||||
|
@ -97,7 +97,9 @@ p {
|
|||
}
|
||||
|
||||
/* Lists */
|
||||
ul, ol, dl {
|
||||
ul,
|
||||
ol,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
@ -111,7 +113,7 @@ ul.task-list {
|
|||
list-style: none;
|
||||
}
|
||||
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
ul.task-list li input[type='checkbox'] {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
|
@ -124,11 +126,16 @@ ul.task-list li input[type="checkbox"] {
|
|||
}
|
||||
|
||||
/* Headings */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: $sta-font-heading, sans-serif;
|
||||
font-weight: 400;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.25;
|
||||
color: #313131;
|
||||
text-rendering: optimizeLegibility;
|
||||
|
@ -155,7 +162,9 @@ h3 {
|
|||
margin-top: 1.5rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
h4, h5, h6 {
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 700;
|
||||
margin-top: 1rem;
|
||||
font-size: 1rem;
|
||||
|
@ -192,7 +201,7 @@ video {
|
|||
|
||||
audio {
|
||||
width: 100%;
|
||||
margin-bottom: 20px
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
video {
|
||||
|
@ -213,7 +222,7 @@ video {
|
|||
|
||||
/* Smooth transition for image zoom on hover */
|
||||
.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 */
|
||||
|
@ -276,10 +285,10 @@ hr {
|
|||
|
||||
/* Quotes */
|
||||
blockquote {
|
||||
padding: .5rem 1rem;
|
||||
margin: .8rem 0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 0.8rem 0;
|
||||
color: #7a7a7a;
|
||||
border-left: .25rem solid #e5e5e5;
|
||||
border-left: 0.25rem solid #e5e5e5;
|
||||
}
|
||||
blockquote p:last-child {
|
||||
margin-bottom: 0;
|
||||
|
@ -321,7 +330,7 @@ blockquote p:last-child {
|
|||
|
||||
small,
|
||||
.small {
|
||||
font-size: .75em;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.responsive-wrap iframe {
|
||||
|
@ -350,7 +359,7 @@ small,
|
|||
|
||||
.modal-header {
|
||||
border: 0;
|
||||
color: rgba(0,0,0,0.8);
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
|
@ -437,8 +446,8 @@ a[data-fancybox] {
|
|||
|
||||
.badge-light {
|
||||
border: none;
|
||||
color: rgba(0,0,0,.68);
|
||||
background: rgba(0,0,0,.05);
|
||||
color: rgba(0, 0, 0, 0.68);
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
font-weight: normal;
|
||||
border-radius: 3px;
|
||||
padding: 5px 10px;
|
||||
|
@ -452,12 +461,12 @@ a[data-fancybox] {
|
|||
|
||||
.badge-light[href]:focus,
|
||||
.badge-light[href]:hover {
|
||||
background: rgba(0,0,0,.1);
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
a.badge:focus,
|
||||
a.badge:hover {
|
||||
color: rgba(0,0,0,.68);
|
||||
color: rgba(0, 0, 0, 0.68);
|
||||
}
|
||||
|
||||
.tag-cloud a {
|
||||
|
@ -465,7 +474,7 @@ a.badge:hover {
|
|||
position: relative;
|
||||
margin: 8px 10px;
|
||||
word-wrap: break-word;
|
||||
transition-duration: .2s;
|
||||
transition-duration: 0.2s;
|
||||
transition-property: transform;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
@ -488,21 +497,21 @@ a.badge:hover {
|
|||
*************************************************/
|
||||
|
||||
.btn {
|
||||
padding: .5rem;
|
||||
font-size: .8rem;
|
||||
line-height: .9; // Anything less and multiline button text may overlap.
|
||||
border-radius: .3rem;
|
||||
padding: 0.5rem;
|
||||
font-size: 0.8rem;
|
||||
line-height: 0.9; // Anything less and multiline button text may overlap.
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
.btn-links .btn {
|
||||
padding: 5px .5rem 5px .5rem;
|
||||
padding: 5px 0.5rem 5px 0.5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.btn.btn-sm {
|
||||
padding: 5px .4rem 5px .4rem;
|
||||
padding: 5px 0.4rem 5px 0.4rem;
|
||||
font-size: 14px;
|
||||
border-radius: .2rem;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
.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,
|
||||
.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,7 +2,7 @@
|
|||
* Style for right to left (RTL) languages.
|
||||
**************************************************/
|
||||
|
||||
html[dir="rtl"] {
|
||||
html[dir='rtl'] {
|
||||
body {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
|
@ -39,11 +39,11 @@
|
|||
}
|
||||
|
||||
.search-modal > .container {
|
||||
padding-top: 70px; /* Navbar height. */
|
||||
padding-top: 70px; /* Navbar height. */
|
||||
}
|
||||
@media screen and (max-width: 1200px) {
|
||||
.search-modal > .container {
|
||||
padding-top: 50px; /* Navbar height. */
|
||||
padding-top: 50px; /* Navbar height. */
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -92,7 +92,7 @@
|
|||
#search-box::before {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
content: "\f002";
|
||||
content: '\f002';
|
||||
font-size: 1rem;
|
||||
opacity: 0.25;
|
||||
line-height: 1rem;
|
||||
|
@ -113,21 +113,21 @@
|
|||
}
|
||||
|
||||
.dark #search-query {
|
||||
background-color: $sta-dark-background;;
|
||||
background-color: $sta-dark-background;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
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-hit em {
|
||||
font-style: normal;
|
||||
background-color: #FFE0B2;
|
||||
color: #E65100;
|
||||
border-bottom: 1px solid #E65100;
|
||||
background-color: #ffe0b2;
|
||||
color: #e65100;
|
||||
border-bottom: 1px solid #e65100;
|
||||
}
|
||||
|
||||
.search-hit-type {
|
||||
|
@ -153,13 +153,13 @@
|
|||
}
|
||||
|
||||
.sidebar-search:hover {
|
||||
color: rgba(0,0,0,.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.dark .sidebar-search:hover {
|
||||
color: rgba(255,255,255,.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.9);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.sidebar-search-text {
|
||||
|
@ -167,16 +167,16 @@
|
|||
text-align: left;
|
||||
// Multilingual safe option to prevent long placeholders overflowing search box.
|
||||
overflow: hidden;
|
||||
font-size: .8rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.sidebar-search-shortcut {
|
||||
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;
|
||||
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;
|
||||
flex-shrink: 0;
|
||||
padding: 1px 12px;
|
||||
margin: 0 0 0 10px;
|
||||
color: rgba(0,0,0,.6);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-size: 1.2rem;
|
||||
letter-spacing: 1px;
|
||||
background: rgb(228, 230, 232);
|
||||
|
@ -210,5 +210,5 @@
|
|||
// Algolia dark-themed search input
|
||||
|
||||
.dark .ais-search-box--input {
|
||||
background-color: $sta-dark-background;;
|
||||
background-color: $sta-dark-background;
|
||||
}
|
||||
|
|
|
@ -5,9 +5,9 @@
|
|||
.home-section {
|
||||
// Use `background` rather than `background-color` so it can support gradients in theme packs.
|
||||
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;
|
||||
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
|
||||
|
@ -137,13 +137,13 @@
|
|||
font-family: $sta-font-heading, sans-serif;
|
||||
font-weight: bold;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.section-heading p {
|
||||
font-weight: 400;
|
||||
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 {
|
||||
|
@ -207,7 +207,7 @@
|
|||
}
|
||||
|
||||
.wg-hero .btn {
|
||||
padding: .6em 2.1em;
|
||||
padding: 0.6em 2.1em;
|
||||
}
|
||||
|
||||
.wg-hero.dark .btn {
|
||||
|
@ -217,7 +217,7 @@
|
|||
a.hero-cta-alt {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
transition-duration: .2s;
|
||||
transition-duration: 0.2s;
|
||||
transition-property: transform;
|
||||
transition-timing-function: ease-out;
|
||||
font-size: 1.1rem;
|
||||
|
@ -338,7 +338,7 @@ a.hero-cta-alt:hover {
|
|||
.portrait-title h3 {
|
||||
font-size: 1rem;
|
||||
font-weight: 300;
|
||||
color: rgba(0,0,0, 0.54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
margin: 0px 0 10px 0;
|
||||
}
|
||||
|
||||
|
@ -365,7 +365,7 @@ ul.network-icon {
|
|||
}
|
||||
|
||||
.network-icon li:hover {
|
||||
transform: scale(1.2)
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.big-icon {
|
||||
|
@ -395,7 +395,7 @@ ul.ul-edu li .description p.course {
|
|||
|
||||
ul.ul-edu li .description p.institution {
|
||||
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;
|
||||
}
|
||||
|
||||
.project-toolbar{
|
||||
.project-toolbar {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.project-card {
|
||||
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) {
|
||||
.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) {
|
||||
|
@ -525,7 +529,7 @@ ul.ul-edu li .description p.institution {
|
|||
z-index: 2;
|
||||
}
|
||||
|
||||
.isotope-item:hover{
|
||||
.isotope-item:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
|
|
@ -5,19 +5,19 @@
|
|||
* License: https://github.com/wowchemy/wowchemy-hugo-modules/blob/master/LICENSE.md
|
||||
**************************************************/
|
||||
|
||||
@import "root";
|
||||
@import "callouts";
|
||||
@import "shortcodes";
|
||||
@import "icons";
|
||||
@import "footer";
|
||||
@import "nav";
|
||||
@import "card";
|
||||
@import "search";
|
||||
@import "content";
|
||||
@import "listings";
|
||||
@import "widgets";
|
||||
@import "book";
|
||||
@import "dark";
|
||||
@import "integrations";
|
||||
@import "rtl";
|
||||
@import "breadcrumb";
|
||||
@import 'root';
|
||||
@import 'callouts';
|
||||
@import 'shortcodes';
|
||||
@import 'icons';
|
||||
@import 'footer';
|
||||
@import 'nav';
|
||||
@import 'card';
|
||||
@import 'search';
|
||||
@import 'content';
|
||||
@import 'listings';
|
||||
@import 'widgets';
|
||||
@import 'book';
|
||||
@import 'dark';
|
||||
@import 'integrations';
|
||||
@import 'rtl';
|
||||
@import 'breadcrumb';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue