mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-22 23:37:53 +00:00
theme: format more files #947
This commit is contained in:
Sören Weber
parent
348702d8c2
commit
ce72cce3e9
4 changed files with 267 additions and 162 deletions
|
|
@ -8,7 +8,9 @@ exampleSite/layouts
|
|||
exampleSite/static
|
||||
exampleSite/frontmatter.json
|
||||
layouts
|
||||
static/css
|
||||
static/css/auto-complete.css
|
||||
static/css/*.min.css
|
||||
static/css/swagger*.css
|
||||
static/fonts
|
||||
static/js/d3
|
||||
static/js/lunr
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
7.1.1+85d43bcef3403a38c509d04606f2cd8ca91c8bd5
|
||||
7.1.1+348702d8c2926bae9111a239755ac66866129748
|
||||
|
|
@ -1,73 +1,73 @@
|
|||
/* Roboto Flex
|
||||
/* Variant 1: Every glyph, every axis, one big file */
|
||||
/* - Download TTF font from https://github.com/googlefonts/roboto-flex */
|
||||
/* - Convert TTF to WOFF2 using any converter tool */
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.woff2") format('woff2-variations');
|
||||
}
|
||||
*/
|
||||
|
||||
/* Variant 2: Splitted glyphs, selected axes, multiple moderatly sized files */
|
||||
/* - Download CSS with selected axes https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,GRAD,YTFI@8..144,118,100..1000,-200..150,710&display=swap
|
||||
/* - Downlaod fonts of src attributes of resulting CSS and edit file names accordingly */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.cyrillic-ext.woff2") format('woff2-variations');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.cyrillic.woff2") format('woff2-variations');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.greek.woff2") format('woff2-variations');
|
||||
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.vietnamese.woff2") format('woff2-variations');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.latin-ext.woff2") format('woff2-variations');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.latin.woff2") format('woff2-variations');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* Roboto Flex
|
||||
/* Variant 1: Every glyph, every axis, one big file */
|
||||
/* - Download TTF font from https://github.com/googlefonts/roboto-flex */
|
||||
/* - Convert TTF to WOFF2 using any converter tool */
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url("../fonts/RobotoFlex.woff2") format('woff2-variations');
|
||||
}
|
||||
*/
|
||||
|
||||
/* Variant 2: Splitted glyphs, selected axes, multiple moderatly sized files */
|
||||
/* - Download CSS with selected axes https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,GRAD,YTFI@8..144,118,100..1000,-200..150,710&display=swap
|
||||
/* - Downlaod fonts of src attributes of resulting CSS and edit file names accordingly */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url('../fonts/RobotoFlex.cyrillic-ext.woff2') format('woff2-variations');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url('../fonts/RobotoFlex.cyrillic.woff2') format('woff2-variations');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url('../fonts/RobotoFlex.greek.woff2') format('woff2-variations');
|
||||
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url('../fonts/RobotoFlex.vietnamese.woff2') format('woff2-variations');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url('../fonts/RobotoFlex.latin-ext.woff2') format('woff2-variations');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Flex';
|
||||
font-style: normal;
|
||||
font-weight: 100 1000;
|
||||
font-stretch: 100%;
|
||||
font-display: swap;
|
||||
src: url('../fonts/RobotoFlex.latin.woff2') format('woff2-variations');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +1,32 @@
|
|||
*, *::before, *::after {
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@-webkit-viewport {
|
||||
width: device-width; }
|
||||
width: device-width;
|
||||
}
|
||||
@-moz-viewport {
|
||||
width: device-width; }
|
||||
width: device-width;
|
||||
}
|
||||
@-o-viewport {
|
||||
width: device-width; }
|
||||
width: device-width;
|
||||
}
|
||||
@viewport {
|
||||
width: device-width; }
|
||||
width: device-width;
|
||||
}
|
||||
html {
|
||||
font-size: 16px;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%; }
|
||||
text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0; }
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
|
|
@ -31,64 +40,80 @@ main,
|
|||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block; }
|
||||
display: block;
|
||||
}
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
vertical-align: baseline; }
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0; }
|
||||
height: 0;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none; }
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
background: transparent;
|
||||
text-decoration: none; }
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted; }
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic; }
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 0.8rem;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline; }
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em; }
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em; }
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0; }
|
||||
border: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
max-width: 100%; }
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden; }
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1rem 2.5rem; }
|
||||
margin: 1rem 2.5rem;
|
||||
}
|
||||
|
||||
hr {
|
||||
height: 0; }
|
||||
height: 0;
|
||||
}
|
||||
|
||||
pre:not(.mermaid) {
|
||||
overflow: auto; }
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
|
|
@ -97,158 +122,236 @@ select,
|
|||
textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0; }
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none; }
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
html input[type='button'],
|
||||
input[type='reset'],
|
||||
input[type='submit'] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer; }
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default; }
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
line-height: normal; }
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
padding: 0; }
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto; }
|
||||
input[type='number']::-webkit-inner-spin-button,
|
||||
input[type='number']::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; }
|
||||
input[type='search'] {
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none; }
|
||||
input[type='search']::-webkit-search-cancel-button,
|
||||
input[type='search']::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto; }
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
optgroup {
|
||||
font-weight: bold; }
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
table-layout: fixed;
|
||||
width: 100%; }
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tr, td, th {
|
||||
vertical-align: middle; }
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 0.425rem 0; }
|
||||
th,
|
||||
td {
|
||||
padding: 0.425rem 0;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: start; }
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1rem 0; }
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem; }
|
||||
ul ul, ul ol, ol ul, ol ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0; }
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ul,
|
||||
ol ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1.5rem 0;
|
||||
padding-inline-start: 0.85rem; }
|
||||
padding-inline-start: 0.85rem;
|
||||
}
|
||||
|
||||
cite {
|
||||
display: block;
|
||||
font-size: 0.925rem; }
|
||||
cite:before {
|
||||
content: "\2014 \0020"; }
|
||||
font-size: 0.925rem;
|
||||
}
|
||||
cite:before {
|
||||
content: '\2014 \0020';
|
||||
}
|
||||
|
||||
pre:not(.mermaid) {
|
||||
margin: 1.5rem 0;
|
||||
padding: 0.938rem; }
|
||||
padding: 0.938rem;
|
||||
}
|
||||
|
||||
code {
|
||||
vertical-align: bottom; }
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.925rem; }
|
||||
font-size: 0.925rem;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
margin: 1.5rem 0; }
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
padding: 0.938rem;
|
||||
margin: 0 0 1rem 0; }
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
|
||||
input,
|
||||
label,
|
||||
select {
|
||||
display: block; }
|
||||
display: block;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 0.425rem; }
|
||||
label.required:after {
|
||||
content: "*"; }
|
||||
label abbr {
|
||||
display: none; }
|
||||
margin-bottom: 0.425rem;
|
||||
}
|
||||
label.required:after {
|
||||
content: '*';
|
||||
}
|
||||
label abbr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple=multiple] {
|
||||
textarea,
|
||||
input[type='email'],
|
||||
input[type='number'],
|
||||
input[type='password'],
|
||||
input[type='search'],
|
||||
input[type='tel'],
|
||||
input[type='text'],
|
||||
input[type='url'],
|
||||
input[type='color'],
|
||||
input[type='date'],
|
||||
input[type='datetime'],
|
||||
input[type='datetime-local'],
|
||||
input[type='month'],
|
||||
input[type='time'],
|
||||
input[type='week'],
|
||||
select[multiple='multiple'] {
|
||||
-webkit-transition: border-color;
|
||||
-moz-transition: border-color;
|
||||
transition: border-color;
|
||||
border-radius: 0.1875rem;
|
||||
margin-bottom: 0.85rem;
|
||||
padding: 0.425rem 0.425rem;
|
||||
width: 100%; }
|
||||
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
|
||||
outline: none; }
|
||||
width: 100%;
|
||||
}
|
||||
textarea:focus,
|
||||
input[type='email']:focus,
|
||||
input[type='number']:focus,
|
||||
input[type='password']:focus,
|
||||
input[type='search']:focus,
|
||||
input[type='tel']:focus,
|
||||
input[type='text']:focus,
|
||||
input[type='url']:focus,
|
||||
input[type='color']:focus,
|
||||
input[type='date']:focus,
|
||||
input[type='datetime']:focus,
|
||||
input[type='datetime-local']:focus,
|
||||
input[type='month']:focus,
|
||||
input[type='time']:focus,
|
||||
input[type='week']:focus,
|
||||
select[multiple='multiple']:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical; }
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
display: inline;
|
||||
margin-inline-end: 0.425rem; }
|
||||
margin-inline-end: 0.425rem;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
width: 100%; }
|
||||
input[type='file'] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
select {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin-bottom: 1rem; }
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type="submit"] {
|
||||
input[type='submit'] {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
border: inherit; }
|
||||
border: inherit;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue