diff --git a/.prettierignore b/.prettierignore index 5a01890c9d..fc7b519b9f 100644 --- a/.prettierignore +++ b/.prettierignore @@ -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 diff --git a/layouts/partials/version.txt b/layouts/partials/version.txt index 9a96251c05..996373d262 100644 --- a/layouts/partials/version.txt +++ b/layouts/partials/version.txt @@ -1 +1 @@ -7.1.1+85d43bcef3403a38c509d04606f2cd8ca91c8bd5 \ No newline at end of file +7.1.1+348702d8c2926bae9111a239755ac66866129748 \ No newline at end of file diff --git a/static/css/fonts.css b/static/css/fonts.css index 66736648ed..fecbb16256 100644 --- a/static/css/fonts.css +++ b/static/css/fonts.css @@ -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; +} diff --git a/static/css/nucleus.css b/static/css/nucleus.css index ee0c0422e1..35098d183f 100644 --- a/static/css/nucleus.css +++ b/static/css/nucleus.css @@ -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; +}