refactor(style): run code formatter

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

View file

@ -9,7 +9,7 @@ $container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1200px
xl: 1200px,
);
$navbar-toggler-padding-x: 0;

View file

@ -31,7 +31,7 @@
.docs-content > ol li,
.docs-content > ul li {
margin-bottom: .25rem;
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,12 +53,12 @@
.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) {
.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)) {
.docs-sidebar {
@ -66,14 +66,14 @@
position: sticky;
top: 50px;
z-index: 10;
height: calc(100vh - 50px)
height: calc(100vh - 50px);
}
}
}
@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)) {
.docs-sidebar {
@ -81,14 +81,14 @@
position: sticky;
top: 70px;
z-index: 10;
height: calc(100vh - 70px)
height: calc(100vh - 70px);
}
}
}
@media (min-width: 1200px) {
.docs-sidebar {
flex: 0 1 320px
flex: 0 1 320px;
}
}
@ -104,13 +104,13 @@
.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);
color: rgba(0, 0, 0, 0.85);
text-decoration: none;
background-color: transparent;
}
@ -161,7 +161,7 @@
order: 2;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: .875rem
font-size: 0.875rem;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
@ -170,7 +170,7 @@
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;
}
@ -197,7 +197,7 @@
}
.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 {
@ -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 {

View file

@ -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 {

View file

@ -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);
}
@ -89,7 +89,7 @@ a.summary-link {
width: 100%;
height: 100%;
background: #fff;
content: " ";
content: ' ';
opacity: 0;
transition: all 0.2s ease-out;
}

View file

@ -10,7 +10,7 @@
.page-subtitle {
font-size: 1.15rem;
color: rgba(0,0,0,.54);
color: rgba(0, 0, 0, 0.54);
margin-bottom: 1rem;
}
@ -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;
@ -101,7 +101,7 @@ article .article-metadata {
}
.article-metadata a {
color: rgba(0,0,0,.54);
color: rgba(0, 0, 0, 0.54);
}
.dark .article-metadata a {
@ -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);
}
/*************************************************

View file

@ -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,

View file

@ -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,
@ -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;

View file

@ -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 {
@ -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;
}
/*************************************************

View file

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

View file

@ -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;
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;
}

View file

@ -137,7 +137,7 @@
font-family: $sta-font-heading, sans-serif;
font-weight: bold;
margin-top: 1rem;
margin-bottom: .5rem;
margin-bottom: 0.5rem;
}
.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;
@ -365,7 +365,7 @@ ul.network-icon {
}
.network-icon li:hover {
transform: scale(1.2)
transform: scale(1.2);
}
.big-icon {
@ -488,11 +488,15 @@ ul.ul-edu li .description p.institution {
.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) {

View file

@ -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';