1947 lines
87 KiB
HTML
1947 lines
87 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="generator" content="pandoc" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
<title>Release Notes for VL53L5CX Component Driver</title>
|
|
<style type="text/css">
|
|
code{white-space: pre-wrap;}
|
|
span.smallcaps{font-variant: small-caps;}
|
|
span.underline{text-decoration: underline;}
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
|
</style>
|
|
<style type="text/css">@charset "UTF-8";
|
|
|
|
|
|
|
|
:root {
|
|
--fore-color: #03234b;
|
|
--secondary-fore-color: #03234b;
|
|
--back-color: #ffffff;
|
|
--secondary-back-color: #ffffff;
|
|
--blockquote-color: #e6007e;
|
|
--pre-color: #e6007e;
|
|
--border-color: #3cb4e6;
|
|
--secondary-border-color: #3cb4e6;
|
|
--heading-ratio: 1.2;
|
|
--universal-margin: 0.5rem;
|
|
--universal-padding: 0.25rem;
|
|
--universal-border-radius: 0.075rem;
|
|
--background-margin: 1.5%;
|
|
--a-link-color: #3cb4e6;
|
|
--a-visited-color: #8c0078; }
|
|
html {
|
|
font-size: 13.5px; }
|
|
a, b, del, em, i, ins, q, span, strong, u {
|
|
font-size: 1em; }
|
|
html, * {
|
|
font-family: -apple-system, BlinkMacSystemFont, Helvetica, arial, sans-serif;
|
|
line-height: 1.25;
|
|
-webkit-text-size-adjust: 100%; }
|
|
* {
|
|
font-size: 1rem; }
|
|
body {
|
|
margin: 0;
|
|
color: var(--fore-color);
|
|
@background: var(--back-color);
|
|
background: var(--back-color) linear-gradient(#ffd200, #ffd200) repeat-y left top;
|
|
background-size: var(--background-margin);
|
|
}
|
|
details {
|
|
display: block; }
|
|
summary {
|
|
display: list-item; }
|
|
abbr[title] {
|
|
border-bottom: none;
|
|
text-decoration: underline dotted; }
|
|
input {
|
|
overflow: visible; }
|
|
img {
|
|
max-width: 100%;
|
|
height: auto; }
|
|
h1, h2, h3, h4, h5, h6 {
|
|
line-height: 1.25;
|
|
margin: calc(1.5 * var(--universal-margin)) var(--universal-margin);
|
|
font-weight: 400; }
|
|
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
|
|
color: var(--secondary-fore-color);
|
|
display: block;
|
|
margin-top: -0.25rem; }
|
|
h1 {
|
|
font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio)); }
|
|
h2 {
|
|
font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) );
|
|
border-style: none none solid none ; border-width: thin;
|
|
border-color: var(--border-color); }
|
|
h3 {
|
|
font-size: calc(1rem * var(--heading-ratio) ); }
|
|
h4 {
|
|
font-size: calc(1rem * var(--heading-ratio)); }
|
|
h5 {
|
|
font-size: 1rem; }
|
|
h6 {
|
|
font-size: calc(1rem / var(--heading-ratio)); }
|
|
p {
|
|
margin: var(--universal-margin); }
|
|
ol, ul {
|
|
margin: var(--universal-margin);
|
|
padding-left: calc(3 * var(--universal-margin)); }
|
|
b, strong {
|
|
font-weight: 700; }
|
|
hr {
|
|
box-sizing: content-box;
|
|
border: 0;
|
|
line-height: 1.25em;
|
|
margin: var(--universal-margin);
|
|
height: 0.0714285714rem;
|
|
background: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent); }
|
|
blockquote {
|
|
display: block;
|
|
position: relative;
|
|
font-style: italic;
|
|
color: var(--secondary-fore-color);
|
|
margin: var(--universal-margin);
|
|
padding: calc(3 * var(--universal-padding));
|
|
border: 0.0714285714rem solid var(--secondary-border-color);
|
|
border-left: 0.3rem solid var(--blockquote-color);
|
|
border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0; }
|
|
blockquote:before {
|
|
position: absolute;
|
|
top: calc(0rem - var(--universal-padding));
|
|
left: 0;
|
|
font-family: sans-serif;
|
|
font-size: 2rem;
|
|
font-weight: 800;
|
|
content: "\201c";
|
|
color: var(--blockquote-color); }
|
|
blockquote[cite]:after {
|
|
font-style: normal;
|
|
font-size: 0.75em;
|
|
font-weight: 700;
|
|
content: "\a— " attr(cite);
|
|
white-space: pre; }
|
|
code, kbd, pre, samp {
|
|
font-family: Menlo, Consolas, monospace;
|
|
font-size: 0.85em; }
|
|
code {
|
|
background: var(--secondary-back-color);
|
|
border-radius: var(--universal-border-radius);
|
|
padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2); }
|
|
kbd {
|
|
background: var(--fore-color);
|
|
color: var(--back-color);
|
|
border-radius: var(--universal-border-radius);
|
|
padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2); }
|
|
pre {
|
|
overflow: auto;
|
|
background: var(--secondary-back-color);
|
|
padding: calc(1.5 * var(--universal-padding));
|
|
margin: var(--universal-margin);
|
|
border: 0.0714285714rem solid var(--secondary-border-color);
|
|
border-left: 0.2857142857rem solid var(--pre-color);
|
|
border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0; }
|
|
sup, sub, code, kbd {
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline; }
|
|
small, sup, sub, figcaption {
|
|
font-size: 0.75em; }
|
|
sup {
|
|
top: -0.5em; }
|
|
sub {
|
|
bottom: -0.25em; }
|
|
figure {
|
|
margin: var(--universal-margin); }
|
|
figcaption {
|
|
color: var(--secondary-fore-color); }
|
|
a {
|
|
text-decoration: none; }
|
|
a:link {
|
|
color: var(--a-link-color); }
|
|
a:visited {
|
|
color: var(--a-visited-color); }
|
|
a:hover, a:focus {
|
|
text-decoration: underline; }
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
padding: 0 calc(1.5 * var(--universal-padding)); }
|
|
.row {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
flex-flow: row wrap;
|
|
margin: 0 0 0 var(--background-margin); }
|
|
.col-sm,
|
|
[class^='col-sm-'],
|
|
[class^='col-sm-offset-'],
|
|
.row[class*='cols-sm-'] > * {
|
|
box-sizing: border-box;
|
|
flex: 0 0 auto;
|
|
padding: 0 calc(var(--universal-padding) / 2); }
|
|
.col-sm,
|
|
.row.cols-sm > * {
|
|
max-width: 100%;
|
|
flex-grow: 1;
|
|
flex-basis: 0; }
|
|
.col-sm-1,
|
|
.row.cols-sm-1 > * {
|
|
max-width: 8.3333333333%;
|
|
flex-basis: 8.3333333333%; }
|
|
.col-sm-offset-0 {
|
|
margin-left: 0; }
|
|
.col-sm-2,
|
|
.row.cols-sm-2 > * {
|
|
max-width: 16.6666666667%;
|
|
flex-basis: 16.6666666667%; }
|
|
.col-sm-offset-1 {
|
|
margin-left: 8.3333333333%; }
|
|
.col-sm-3,
|
|
.row.cols-sm-3 > * {
|
|
max-width: 25%;
|
|
flex-basis: 25%; }
|
|
.col-sm-offset-2 {
|
|
margin-left: 16.6666666667%; }
|
|
.col-sm-4,
|
|
.row.cols-sm-4 > * {
|
|
max-width: 33.3333333333%;
|
|
flex-basis: 33.3333333333%; }
|
|
.col-sm-offset-3 {
|
|
margin-left: 25%; }
|
|
.col-sm-5,
|
|
.row.cols-sm-5 > * {
|
|
max-width: 41.6666666667%;
|
|
flex-basis: 41.6666666667%; }
|
|
.col-sm-offset-4 {
|
|
margin-left: 33.3333333333%; }
|
|
.col-sm-6,
|
|
.row.cols-sm-6 > * {
|
|
max-width: 50%;
|
|
flex-basis: 50%; }
|
|
.col-sm-offset-5 {
|
|
margin-left: 41.6666666667%; }
|
|
.col-sm-7,
|
|
.row.cols-sm-7 > * {
|
|
max-width: 58.3333333333%;
|
|
flex-basis: 58.3333333333%; }
|
|
.col-sm-offset-6 {
|
|
margin-left: 50%; }
|
|
.col-sm-8,
|
|
.row.cols-sm-8 > * {
|
|
max-width: 66.6666666667%;
|
|
flex-basis: 66.6666666667%; }
|
|
.col-sm-offset-7 {
|
|
margin-left: 58.3333333333%; }
|
|
.col-sm-9,
|
|
.row.cols-sm-9 > * {
|
|
max-width: 75%;
|
|
flex-basis: 75%; }
|
|
.col-sm-offset-8 {
|
|
margin-left: 66.6666666667%; }
|
|
.col-sm-10,
|
|
.row.cols-sm-10 > * {
|
|
max-width: 83.3333333333%;
|
|
flex-basis: 83.3333333333%; }
|
|
.col-sm-offset-9 {
|
|
margin-left: 75%; }
|
|
.col-sm-11,
|
|
.row.cols-sm-11 > * {
|
|
max-width: 91.6666666667%;
|
|
flex-basis: 91.6666666667%; }
|
|
.col-sm-offset-10 {
|
|
margin-left: 83.3333333333%; }
|
|
.col-sm-12,
|
|
.row.cols-sm-12 > * {
|
|
max-width: 100%;
|
|
flex-basis: 100%; }
|
|
.col-sm-offset-11 {
|
|
margin-left: 91.6666666667%; }
|
|
.col-sm-normal {
|
|
order: initial; }
|
|
.col-sm-first {
|
|
order: -999; }
|
|
.col-sm-last {
|
|
order: 999; }
|
|
@media screen and (min-width: 500px) {
|
|
.col-md,
|
|
[class^='col-md-'],
|
|
[class^='col-md-offset-'],
|
|
.row[class*='cols-md-'] > * {
|
|
box-sizing: border-box;
|
|
flex: 0 0 auto;
|
|
padding: 0 calc(var(--universal-padding) / 2); }
|
|
.col-md,
|
|
.row.cols-md > * {
|
|
max-width: 100%;
|
|
flex-grow: 1;
|
|
flex-basis: 0; }
|
|
.col-md-1,
|
|
.row.cols-md-1 > * {
|
|
max-width: 8.3333333333%;
|
|
flex-basis: 8.3333333333%; }
|
|
.col-md-offset-0 {
|
|
margin-left: 0; }
|
|
.col-md-2,
|
|
.row.cols-md-2 > * {
|
|
max-width: 16.6666666667%;
|
|
flex-basis: 16.6666666667%; }
|
|
.col-md-offset-1 {
|
|
margin-left: 8.3333333333%; }
|
|
.col-md-3,
|
|
.row.cols-md-3 > * {
|
|
max-width: 25%;
|
|
flex-basis: 25%; }
|
|
.col-md-offset-2 {
|
|
margin-left: 16.6666666667%; }
|
|
.col-md-4,
|
|
.row.cols-md-4 > * {
|
|
max-width: 33.3333333333%;
|
|
flex-basis: 33.3333333333%; }
|
|
.col-md-offset-3 {
|
|
margin-left: 25%; }
|
|
.col-md-5,
|
|
.row.cols-md-5 > * {
|
|
max-width: 41.6666666667%;
|
|
flex-basis: 41.6666666667%; }
|
|
.col-md-offset-4 {
|
|
margin-left: 33.3333333333%; }
|
|
.col-md-6,
|
|
.row.cols-md-6 > * {
|
|
max-width: 50%;
|
|
flex-basis: 50%; }
|
|
.col-md-offset-5 {
|
|
margin-left: 41.6666666667%; }
|
|
.col-md-7,
|
|
.row.cols-md-7 > * {
|
|
max-width: 58.3333333333%;
|
|
flex-basis: 58.3333333333%; }
|
|
.col-md-offset-6 {
|
|
margin-left: 50%; }
|
|
.col-md-8,
|
|
.row.cols-md-8 > * {
|
|
max-width: 66.6666666667%;
|
|
flex-basis: 66.6666666667%; }
|
|
.col-md-offset-7 {
|
|
margin-left: 58.3333333333%; }
|
|
.col-md-9,
|
|
.row.cols-md-9 > * {
|
|
max-width: 75%;
|
|
flex-basis: 75%; }
|
|
.col-md-offset-8 {
|
|
margin-left: 66.6666666667%; }
|
|
.col-md-10,
|
|
.row.cols-md-10 > * {
|
|
max-width: 83.3333333333%;
|
|
flex-basis: 83.3333333333%; }
|
|
.col-md-offset-9 {
|
|
margin-left: 75%; }
|
|
.col-md-11,
|
|
.row.cols-md-11 > * {
|
|
max-width: 91.6666666667%;
|
|
flex-basis: 91.6666666667%; }
|
|
.col-md-offset-10 {
|
|
margin-left: 83.3333333333%; }
|
|
.col-md-12,
|
|
.row.cols-md-12 > * {
|
|
max-width: 100%;
|
|
flex-basis: 100%; }
|
|
.col-md-offset-11 {
|
|
margin-left: 91.6666666667%; }
|
|
.col-md-normal {
|
|
order: initial; }
|
|
.col-md-first {
|
|
order: -999; }
|
|
.col-md-last {
|
|
order: 999; } }
|
|
@media screen and (min-width: 1280px) {
|
|
.col-lg,
|
|
[class^='col-lg-'],
|
|
[class^='col-lg-offset-'],
|
|
.row[class*='cols-lg-'] > * {
|
|
box-sizing: border-box;
|
|
flex: 0 0 auto;
|
|
padding: 0 calc(var(--universal-padding) / 2); }
|
|
.col-lg,
|
|
.row.cols-lg > * {
|
|
max-width: 100%;
|
|
flex-grow: 1;
|
|
flex-basis: 0; }
|
|
.col-lg-1,
|
|
.row.cols-lg-1 > * {
|
|
max-width: 8.3333333333%;
|
|
flex-basis: 8.3333333333%; }
|
|
.col-lg-offset-0 {
|
|
margin-left: 0; }
|
|
.col-lg-2,
|
|
.row.cols-lg-2 > * {
|
|
max-width: 16.6666666667%;
|
|
flex-basis: 16.6666666667%; }
|
|
.col-lg-offset-1 {
|
|
margin-left: 8.3333333333%; }
|
|
.col-lg-3,
|
|
.row.cols-lg-3 > * {
|
|
max-width: 25%;
|
|
flex-basis: 25%; }
|
|
.col-lg-offset-2 {
|
|
margin-left: 16.6666666667%; }
|
|
.col-lg-4,
|
|
.row.cols-lg-4 > * {
|
|
max-width: 33.3333333333%;
|
|
flex-basis: 33.3333333333%; }
|
|
.col-lg-offset-3 {
|
|
margin-left: 25%; }
|
|
.col-lg-5,
|
|
.row.cols-lg-5 > * {
|
|
max-width: 41.6666666667%;
|
|
flex-basis: 41.6666666667%; }
|
|
.col-lg-offset-4 {
|
|
margin-left: 33.3333333333%; }
|
|
.col-lg-6,
|
|
.row.cols-lg-6 > * {
|
|
max-width: 50%;
|
|
flex-basis: 50%; }
|
|
.col-lg-offset-5 {
|
|
margin-left: 41.6666666667%; }
|
|
.col-lg-7,
|
|
.row.cols-lg-7 > * {
|
|
max-width: 58.3333333333%;
|
|
flex-basis: 58.3333333333%; }
|
|
.col-lg-offset-6 {
|
|
margin-left: 50%; }
|
|
.col-lg-8,
|
|
.row.cols-lg-8 > * {
|
|
max-width: 66.6666666667%;
|
|
flex-basis: 66.6666666667%; }
|
|
.col-lg-offset-7 {
|
|
margin-left: 58.3333333333%; }
|
|
.col-lg-9,
|
|
.row.cols-lg-9 > * {
|
|
max-width: 75%;
|
|
flex-basis: 75%; }
|
|
.col-lg-offset-8 {
|
|
margin-left: 66.6666666667%; }
|
|
.col-lg-10,
|
|
.row.cols-lg-10 > * {
|
|
max-width: 83.3333333333%;
|
|
flex-basis: 83.3333333333%; }
|
|
.col-lg-offset-9 {
|
|
margin-left: 75%; }
|
|
.col-lg-11,
|
|
.row.cols-lg-11 > * {
|
|
max-width: 91.6666666667%;
|
|
flex-basis: 91.6666666667%; }
|
|
.col-lg-offset-10 {
|
|
margin-left: 83.3333333333%; }
|
|
.col-lg-12,
|
|
.row.cols-lg-12 > * {
|
|
max-width: 100%;
|
|
flex-basis: 100%; }
|
|
.col-lg-offset-11 {
|
|
margin-left: 91.6666666667%; }
|
|
.col-lg-normal {
|
|
order: initial; }
|
|
.col-lg-first {
|
|
order: -999; }
|
|
.col-lg-last {
|
|
order: 999; } }
|
|
|
|
:root {
|
|
--card-back-color: #3cb4e6;
|
|
--card-fore-color: #03234b;
|
|
--card-border-color: #03234b; }
|
|
.card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-self: center;
|
|
position: relative;
|
|
width: 100%;
|
|
background: var(--card-back-color);
|
|
color: var(--card-fore-color);
|
|
border: 0.0714285714rem solid var(--card-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
margin: var(--universal-margin);
|
|
overflow: hidden; }
|
|
@media screen and (min-width: 320px) {
|
|
.card {
|
|
max-width: 320px; } }
|
|
.card > .sectione {
|
|
background: var(--card-back-color);
|
|
color: var(--card-fore-color);
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
border: 0;
|
|
border-radius: 0;
|
|
border-bottom: 0.0714285714rem solid var(--card-border-color);
|
|
padding: var(--universal-padding);
|
|
width: 100%; }
|
|
.card > .sectione.media {
|
|
height: 200px;
|
|
padding: 0;
|
|
-o-object-fit: cover;
|
|
object-fit: cover; }
|
|
.card > .sectione:last-child {
|
|
border-bottom: 0; }
|
|
|
|
@media screen and (min-width: 240px) {
|
|
.card.small {
|
|
max-width: 240px; } }
|
|
@media screen and (min-width: 480px) {
|
|
.card.large {
|
|
max-width: 480px; } }
|
|
.card.fluid {
|
|
max-width: 100%;
|
|
width: auto; }
|
|
.card.warning {
|
|
--card-back-color: #e5b8b7;
|
|
--card-fore-color: #3b234b;
|
|
--card-border-color: #8c0078; }
|
|
.card.error {
|
|
--card-back-color: #464650;
|
|
--card-fore-color: #ffffff;
|
|
--card-border-color: #8c0078; }
|
|
.card > .sectione.dark {
|
|
--card-back-color: #3b234b;
|
|
--card-fore-color: #ffffff; }
|
|
.card > .sectione.double-padded {
|
|
padding: calc(1.5 * var(--universal-padding)); }
|
|
|
|
|
|
:root {
|
|
--form-back-color: #ffe97f;
|
|
--form-fore-color: #03234b;
|
|
--form-border-color: #3cb4e6;
|
|
--input-back-color: #ffffff;
|
|
--input-fore-color: #03234b;
|
|
--input-border-color: #3cb4e6;
|
|
--input-focus-color: #0288d1;
|
|
--input-invalid-color: #d32f2f;
|
|
--button-back-color: #e2e2e2;
|
|
--button-hover-back-color: #dcdcdc;
|
|
--button-fore-color: #212121;
|
|
--button-border-color: transparent;
|
|
--button-hover-border-color: transparent;
|
|
--button-group-border-color: rgba(124, 124, 124, 0.54); }
|
|
form {
|
|
background: var(--form-back-color);
|
|
color: var(--form-fore-color);
|
|
border: 0.0714285714rem solid var(--form-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
margin: var(--universal-margin);
|
|
padding: calc(2 * var(--universal-padding)) var(--universal-padding); }
|
|
fieldset {
|
|
border: 0.0714285714rem solid var(--form-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
margin: calc(var(--universal-margin) / 4);
|
|
padding: var(--universal-padding); }
|
|
legend {
|
|
box-sizing: border-box;
|
|
display: table;
|
|
max-width: 100%;
|
|
white-space: normal;
|
|
font-weight: 500;
|
|
padding: calc(var(--universal-padding) / 2); }
|
|
label {
|
|
padding: calc(var(--universal-padding) / 2) var(--universal-padding); }
|
|
.input-group {
|
|
display: inline-block; }
|
|
.input-group.fluid {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center; }
|
|
.input-group.fluid > input {
|
|
max-width: 100%;
|
|
flex-grow: 1;
|
|
flex-basis: 0px; }
|
|
@media screen and (max-width: 499px) {
|
|
.input-group.fluid {
|
|
align-items: stretch;
|
|
flex-direction: column; } }
|
|
.input-group.vertical {
|
|
display: flex;
|
|
align-items: stretch;
|
|
flex-direction: column; }
|
|
.input-group.vertical > input {
|
|
max-width: 100%;
|
|
flex-grow: 1;
|
|
flex-basis: 0px; }
|
|
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
|
|
height: auto; }
|
|
[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
outline-offset: -2px; }
|
|
[type="search"]::-webkit-search-cancel-button,
|
|
[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none; }
|
|
input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"],
|
|
[type="password"], [type="url"], [type="tel"], [type="checkbox"], [type="radio"], textarea, select {
|
|
box-sizing: border-box;
|
|
background: var(--input-back-color);
|
|
color: var(--input-fore-color);
|
|
border: 0.0714285714rem solid var(--input-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
margin: calc(var(--universal-margin) / 2);
|
|
padding: var(--universal-padding) calc(1.5 * var(--universal-padding)); }
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus {
|
|
border-color: var(--input-focus-color);
|
|
box-shadow: none; }
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid {
|
|
border-color: var(--input-invalid-color);
|
|
box-shadow: none; }
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] {
|
|
background: var(--secondary-back-color); }
|
|
select {
|
|
max-width: 100%; }
|
|
option {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
[type="checkbox"], [type="radio"] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
position: relative;
|
|
height: calc(1rem + var(--universal-padding) / 2);
|
|
width: calc(1rem + var(--universal-padding) / 2);
|
|
vertical-align: text-bottom;
|
|
padding: 0;
|
|
flex-basis: calc(1rem + var(--universal-padding) / 2) !important;
|
|
flex-grow: 0 !important; }
|
|
[type="checkbox"]:checked:before, [type="radio"]:checked:before {
|
|
position: absolute; }
|
|
[type="checkbox"]:checked:before {
|
|
content: '\2713';
|
|
font-family: sans-serif;
|
|
font-size: calc(1rem + var(--universal-padding) / 2);
|
|
top: calc(0rem - var(--universal-padding));
|
|
left: calc(var(--universal-padding) / 4); }
|
|
[type="radio"] {
|
|
border-radius: 100%; }
|
|
[type="radio"]:checked:before {
|
|
border-radius: 100%;
|
|
content: '';
|
|
top: calc(0.0714285714rem + var(--universal-padding) / 2);
|
|
left: calc(0.0714285714rem + var(--universal-padding) / 2);
|
|
background: var(--input-fore-color);
|
|
width: 0.5rem;
|
|
height: 0.5rem; }
|
|
:placeholder-shown {
|
|
color: var(--input-fore-color); }
|
|
::-ms-placeholder {
|
|
color: var(--input-fore-color);
|
|
opacity: 0.54; }
|
|
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0; }
|
|
button, html [type="button"], [type="reset"], [type="submit"] {
|
|
-webkit-appearance: button; }
|
|
button {
|
|
overflow: visible;
|
|
text-transform: none; }
|
|
button, [type="button"], [type="submit"], [type="reset"],
|
|
a.button, label.button, .button,
|
|
a[role="button"], label[role="button"], [role="button"] {
|
|
display: inline-block;
|
|
background: var(--button-back-color);
|
|
color: var(--button-fore-color);
|
|
border: 0.0714285714rem solid var(--button-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
|
|
margin: var(--universal-margin);
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
transition: background 0.3s; }
|
|
button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:focus,
|
|
a.button:hover,
|
|
a.button:focus, label.button:hover, label.button:focus, .button:hover, .button:focus,
|
|
a[role="button"]:hover,
|
|
a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:focus, [role="button"]:hover, [role="button"]:focus {
|
|
background: var(--button-hover-back-color);
|
|
border-color: var(--button-hover-border-color); }
|
|
input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled], button:disabled, button[disabled], .button:disabled, .button[disabled], [role="button"]:disabled, [role="button"][disabled] {
|
|
cursor: not-allowed;
|
|
opacity: 0.75; }
|
|
.button-group {
|
|
display: flex;
|
|
border: 0.0714285714rem solid var(--button-group-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
margin: var(--universal-margin); }
|
|
.button-group > button, .button-group [type="button"], .button-group > [type="submit"], .button-group > [type="reset"], .button-group > .button, .button-group > [role="button"] {
|
|
margin: 0;
|
|
max-width: 100%;
|
|
flex: 1 1 auto;
|
|
text-align: center;
|
|
border: 0;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
.button-group > :not(:first-child) {
|
|
border-left: 0.0714285714rem solid var(--button-group-border-color); }
|
|
@media screen and (max-width: 499px) {
|
|
.button-group {
|
|
flex-direction: column; }
|
|
.button-group > :not(:first-child) {
|
|
border: 0;
|
|
border-top: 0.0714285714rem solid var(--button-group-border-color); } }
|
|
|
|
button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
|
|
--button-back-color: #1976d2;
|
|
--button-fore-color: #f8f8f8; }
|
|
button.primary:hover, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:focus, [type="reset"].primary:hover, [type="reset"].primary:focus, .button.primary:hover, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:focus {
|
|
--button-hover-back-color: #1565c0; }
|
|
button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary {
|
|
--button-back-color: #d32f2f;
|
|
--button-fore-color: #f8f8f8; }
|
|
button.secondary:hover, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:focus, [type="reset"].secondary:hover, [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:focus {
|
|
--button-hover-back-color: #c62828; }
|
|
button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary {
|
|
--button-back-color: #308732;
|
|
--button-fore-color: #f8f8f8; }
|
|
button.tertiary:hover, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:focus, [type="reset"].tertiary:hover, [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:focus {
|
|
--button-hover-back-color: #277529; }
|
|
button.inverse, [type="button"].inverse, [type="submit"].inverse, [type="reset"].inverse, .button.inverse, [role="button"].inverse {
|
|
--button-back-color: #212121;
|
|
--button-fore-color: #f8f8f8; }
|
|
button.inverse:hover, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:focus, [type="reset"].inverse:hover, [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:focus {
|
|
--button-hover-back-color: #111; }
|
|
button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small {
|
|
padding: calc(0.5 * var(--universal-padding)) calc(0.75 * var(--universal-padding));
|
|
margin: var(--universal-margin); }
|
|
button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large {
|
|
padding: calc(1.5 * var(--universal-padding)) calc(2 * var(--universal-padding));
|
|
margin: var(--universal-margin); }
|
|
|
|
|
|
:root {
|
|
--header-back-color: #03234b;
|
|
--header-hover-back-color: #ffd200;
|
|
--header-fore-color: #ffffff;
|
|
--header-border-color: #3cb4e6;
|
|
--nav-back-color: #ffffff;
|
|
--nav-hover-back-color: #ffe97f;
|
|
--nav-fore-color: #e6007e;
|
|
--nav-border-color: #3cb4e6;
|
|
--nav-link-color: #3cb4e6;
|
|
--footer-fore-color: #ffffff;
|
|
--footer-back-color: #03234b;
|
|
--footer-border-color: #3cb4e6;
|
|
--footer-link-color: #3cb4e6;
|
|
--drawer-back-color: #ffffff;
|
|
--drawer-hover-back-color: #ffe97f;
|
|
--drawer-border-color: #3cb4e6;
|
|
--drawer-close-color: #e6007e; }
|
|
header {
|
|
height: 2.75rem;
|
|
background: var(--header-back-color);
|
|
color: var(--header-fore-color);
|
|
border-bottom: 0.0714285714rem solid var(--header-border-color);
|
|
padding: calc(var(--universal-padding) / 4) 0;
|
|
white-space: nowrap;
|
|
overflow-x: auto;
|
|
overflow-y: hidden; }
|
|
header.row {
|
|
box-sizing: content-box; }
|
|
header .logo {
|
|
color: var(--header-fore-color);
|
|
font-size: 1.75rem;
|
|
padding: var(--universal-padding) calc(2 * var(--universal-padding));
|
|
text-decoration: none; }
|
|
header button, header [type="button"], header .button, header [role="button"] {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
top: calc(0rem - var(--universal-padding) / 4);
|
|
height: calc(3.1875rem + var(--universal-padding) / 2);
|
|
background: var(--header-back-color);
|
|
line-height: calc(3.1875rem - var(--universal-padding) * 1.5);
|
|
text-align: center;
|
|
color: var(--header-fore-color);
|
|
border: 0;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
text-transform: uppercase; }
|
|
header button:hover, header button:focus, header [type="button"]:hover, header [type="button"]:focus, header .button:hover, header .button:focus, header [role="button"]:hover, header [role="button"]:focus {
|
|
background: var(--header-hover-back-color); }
|
|
nav {
|
|
background: var(--nav-back-color);
|
|
color: var(--nav-fore-color);
|
|
border: 0.0714285714rem solid var(--nav-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
margin: var(--universal-margin); }
|
|
nav * {
|
|
padding: var(--universal-padding) calc(1.5 * var(--universal-padding)); }
|
|
nav a, nav a:visited {
|
|
display: block;
|
|
color: var(--nav-link-color);
|
|
border-radius: var(--universal-border-radius);
|
|
transition: background 0.3s; }
|
|
nav a:hover, nav a:focus, nav a:visited:hover, nav a:visited:focus {
|
|
text-decoration: none;
|
|
background: var(--nav-hover-back-color); }
|
|
nav .sublink-1 {
|
|
position: relative;
|
|
margin-left: calc(2 * var(--universal-padding)); }
|
|
nav .sublink-1:before {
|
|
position: absolute;
|
|
left: calc(var(--universal-padding) - 1 * var(--universal-padding));
|
|
top: -0.0714285714rem;
|
|
content: '';
|
|
height: 100%;
|
|
border: 0.0714285714rem solid var(--nav-border-color);
|
|
border-left: 0; }
|
|
nav .sublink-2 {
|
|
position: relative;
|
|
margin-left: calc(4 * var(--universal-padding)); }
|
|
nav .sublink-2:before {
|
|
position: absolute;
|
|
left: calc(var(--universal-padding) - 3 * var(--universal-padding));
|
|
top: -0.0714285714rem;
|
|
content: '';
|
|
height: 100%;
|
|
border: 0.0714285714rem solid var(--nav-border-color);
|
|
border-left: 0; }
|
|
footer {
|
|
background: var(--footer-back-color);
|
|
color: var(--footer-fore-color);
|
|
border-top: 0.0714285714rem solid var(--footer-border-color);
|
|
padding: calc(2 * var(--universal-padding)) var(--universal-padding);
|
|
font-size: 0.875rem; }
|
|
footer a, footer a:visited {
|
|
color: var(--footer-link-color); }
|
|
header.sticky {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
z-index: 1101;
|
|
top: 0; }
|
|
footer.sticky {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
z-index: 1101;
|
|
bottom: 0; }
|
|
.drawer-toggle:before {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
content: '\00a0\2261\00a0';
|
|
font-family: sans-serif;
|
|
font-size: 1.5em; }
|
|
@media screen and (min-width: 500px) {
|
|
.drawer-toggle:not(.persistent) {
|
|
display: none; } }
|
|
[type="checkbox"].drawer {
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(100%);
|
|
clip-path: inset(100%); }
|
|
[type="checkbox"].drawer + * {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 320px;
|
|
height: 100vh;
|
|
overflow-y: auto;
|
|
background: var(--drawer-back-color);
|
|
border: 0.0714285714rem solid var(--drawer-border-color);
|
|
border-radius: 0;
|
|
margin: 0;
|
|
z-index: 1110;
|
|
right: -320px;
|
|
transition: right 0.3s; }
|
|
[type="checkbox"].drawer + * .drawer-close {
|
|
position: absolute;
|
|
top: var(--universal-margin);
|
|
right: var(--universal-margin);
|
|
z-index: 1111;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
border-radius: var(--universal-border-radius);
|
|
padding: var(--universal-padding);
|
|
margin: 0;
|
|
cursor: pointer;
|
|
transition: background 0.3s; }
|
|
[type="checkbox"].drawer + * .drawer-close:before {
|
|
display: block;
|
|
content: '\00D7';
|
|
color: var(--drawer-close-color);
|
|
position: relative;
|
|
font-family: sans-serif;
|
|
font-size: 2rem;
|
|
line-height: 1;
|
|
text-align: center; }
|
|
[type="checkbox"].drawer + * .drawer-close:hover, [type="checkbox"].drawer + * .drawer-close:focus {
|
|
background: var(--drawer-hover-back-color); }
|
|
@media screen and (max-width: 320px) {
|
|
[type="checkbox"].drawer + * {
|
|
width: 100%; } }
|
|
[type="checkbox"].drawer:checked + * {
|
|
right: 0; }
|
|
@media screen and (min-width: 500px) {
|
|
[type="checkbox"].drawer:not(.persistent) + * {
|
|
position: static;
|
|
height: 100%;
|
|
z-index: 1100; }
|
|
[type="checkbox"].drawer:not(.persistent) + * .drawer-close {
|
|
display: none; } }
|
|
|
|
|
|
:root {
|
|
--table-border-color: #03234b;
|
|
--table-border-separator-color: #03234b;
|
|
--table-head-back-color: #03234b;
|
|
--table-head-fore-color: #ffffff;
|
|
--table-body-back-color: #ffffff;
|
|
--table-body-fore-color: #03234b;
|
|
--table-body-alt-back-color: #f4f4f4; }
|
|
table {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
flex-flow: row wrap;
|
|
padding: var(--universal-padding);
|
|
padding-top: 0; }
|
|
table caption {
|
|
font-size: 1rem;
|
|
margin: calc(2 * var(--universal-margin)) 0;
|
|
max-width: 100%;
|
|
flex: 0 0 100%; }
|
|
table thead, table tbody {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
border: 0.0714285714rem solid var(--table-border-color); }
|
|
table thead {
|
|
z-index: 999;
|
|
border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0;
|
|
border-bottom: 0.0714285714rem solid var(--table-border-separator-color); }
|
|
table tbody {
|
|
border-top: 0;
|
|
margin-top: calc(0 - var(--universal-margin));
|
|
border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius); }
|
|
table tr {
|
|
display: flex;
|
|
padding: 0; }
|
|
table th, table td {
|
|
padding: calc(0.5 * var(--universal-padding));
|
|
font-size: 0.9rem; }
|
|
table th {
|
|
text-align: left;
|
|
background: var(--table-head-back-color);
|
|
color: var(--table-head-fore-color); }
|
|
table td {
|
|
background: var(--table-body-back-color);
|
|
color: var(--table-body-fore-color);
|
|
border-top: 0.0714285714rem solid var(--table-border-color); }
|
|
table:not(.horizontal) {
|
|
overflow: auto;
|
|
max-height: 100%; }
|
|
table:not(.horizontal) thead, table:not(.horizontal) tbody {
|
|
max-width: 100%;
|
|
flex: 0 0 100%; }
|
|
table:not(.horizontal) tr {
|
|
flex-flow: row wrap;
|
|
flex: 0 0 100%; }
|
|
table:not(.horizontal) th, table:not(.horizontal) td {
|
|
flex: 1 0 0%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
table:not(.horizontal) thead {
|
|
position: sticky;
|
|
top: 0; }
|
|
table:not(.horizontal) tbody tr:first-child td {
|
|
border-top: 0; }
|
|
table.horizontal {
|
|
border: 0; }
|
|
table.horizontal thead, table.horizontal tbody {
|
|
border: 0;
|
|
flex: .2 0 0;
|
|
flex-flow: row nowrap; }
|
|
table.horizontal tbody {
|
|
overflow: auto;
|
|
justify-content: space-between;
|
|
flex: .8 0 0;
|
|
margin-left: 0;
|
|
padding-bottom: calc(var(--universal-padding) / 4); }
|
|
table.horizontal tr {
|
|
flex-direction: column;
|
|
flex: 1 0 auto; }
|
|
table.horizontal th, table.horizontal td {
|
|
width: auto;
|
|
border: 0;
|
|
border-bottom: 0.0714285714rem solid var(--table-border-color); }
|
|
table.horizontal th:not(:first-child), table.horizontal td:not(:first-child) {
|
|
border-top: 0; }
|
|
table.horizontal th {
|
|
text-align: right;
|
|
border-left: 0.0714285714rem solid var(--table-border-color);
|
|
border-right: 0.0714285714rem solid var(--table-border-separator-color); }
|
|
table.horizontal thead tr:first-child {
|
|
padding-left: 0; }
|
|
table.horizontal th:first-child, table.horizontal td:first-child {
|
|
border-top: 0.0714285714rem solid var(--table-border-color); }
|
|
table.horizontal tbody tr:last-child td {
|
|
border-right: 0.0714285714rem solid var(--table-border-color); }
|
|
table.horizontal tbody tr:last-child td:first-child {
|
|
border-top-right-radius: 0.25rem; }
|
|
table.horizontal tbody tr:last-child td:last-child {
|
|
border-bottom-right-radius: 0.25rem; }
|
|
table.horizontal thead tr:first-child th:first-child {
|
|
border-top-left-radius: 0.25rem; }
|
|
table.horizontal thead tr:first-child th:last-child {
|
|
border-bottom-left-radius: 0.25rem; }
|
|
@media screen and (max-width: 499px) {
|
|
table, table.horizontal {
|
|
border-collapse: collapse;
|
|
border: 0;
|
|
width: 100%;
|
|
display: table; }
|
|
table thead, table th, table.horizontal thead, table.horizontal th {
|
|
border: 0;
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(100%);
|
|
clip-path: inset(100%); }
|
|
table tbody, table.horizontal tbody {
|
|
border: 0;
|
|
display: table-row-group; }
|
|
table tr, table.horizontal tr {
|
|
display: block;
|
|
border: 0.0714285714rem solid var(--table-border-color);
|
|
border-radius: var(--universal-border-radius);
|
|
background: #ffffff;
|
|
padding: var(--universal-padding);
|
|
margin: var(--universal-margin);
|
|
margin-bottom: calc(1 * var(--universal-margin)); }
|
|
table th, table td, table.horizontal th, table.horizontal td {
|
|
width: auto; }
|
|
table td, table.horizontal td {
|
|
display: block;
|
|
border: 0;
|
|
text-align: right; }
|
|
table td:before, table.horizontal td:before {
|
|
content: attr(data-label);
|
|
float: left;
|
|
font-weight: 600; }
|
|
table th:first-child, table td:first-child, table.horizontal th:first-child, table.horizontal td:first-child {
|
|
border-top: 0; }
|
|
table tbody tr:last-child td, table.horizontal tbody tr:last-child td {
|
|
border-right: 0; } }
|
|
table tr:nth-of-type(2n) > td {
|
|
background: var(--table-body-alt-back-color); }
|
|
@media screen and (max-width: 500px) {
|
|
table tr:nth-of-type(2n) {
|
|
background: var(--table-body-alt-back-color); } }
|
|
:root {
|
|
--table-body-hover-back-color: #90caf9; }
|
|
table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td {
|
|
background: var(--table-body-hover-back-color); }
|
|
@media screen and (max-width: 500px) {
|
|
table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td {
|
|
background: var(--table-body-hover-back-color); } }
|
|
|
|
|
|
:root {
|
|
--mark-back-color: #3cb4e6;
|
|
--mark-fore-color: #ffffff; }
|
|
mark {
|
|
background: var(--mark-back-color);
|
|
color: var(--mark-fore-color);
|
|
font-size: 0.95em;
|
|
line-height: 1em;
|
|
border-radius: var(--universal-border-radius);
|
|
padding: calc(var(--universal-padding) / 4) var(--universal-padding); }
|
|
mark.inline-block {
|
|
display: inline-block;
|
|
font-size: 1em;
|
|
line-height: 1.4;
|
|
padding: calc(var(--universal-padding) / 2) var(--universal-padding); }
|
|
:root {
|
|
--toast-back-color: #424242;
|
|
--toast-fore-color: #fafafa; }
|
|
.toast {
|
|
position: fixed;
|
|
bottom: calc(var(--universal-margin) * 3);
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 1111;
|
|
color: var(--toast-fore-color);
|
|
background: var(--toast-back-color);
|
|
border-radius: calc(var(--universal-border-radius) * 16);
|
|
padding: var(--universal-padding) calc(var(--universal-padding) * 3); }
|
|
:root {
|
|
--tooltip-back-color: #212121;
|
|
--tooltip-fore-color: #fafafa; }
|
|
.tooltip {
|
|
position: relative;
|
|
display: inline-block; }
|
|
.tooltip:before, .tooltip:after {
|
|
position: absolute;
|
|
opacity: 0;
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(100%);
|
|
clip-path: inset(100%);
|
|
transition: all 0.3s;
|
|
z-index: 1010;
|
|
left: 50%; }
|
|
.tooltip:not(.bottom):before, .tooltip:not(.bottom):after {
|
|
bottom: 75%; }
|
|
.tooltip.bottom:before, .tooltip.bottom:after {
|
|
top: 75%; }
|
|
.tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
|
|
opacity: 1;
|
|
clip: auto;
|
|
-webkit-clip-path: inset(0%);
|
|
clip-path: inset(0%); }
|
|
.tooltip:before {
|
|
content: '';
|
|
background: transparent;
|
|
border: var(--universal-margin) solid transparent;
|
|
left: calc(50% - var(--universal-margin)); }
|
|
.tooltip:not(.bottom):before {
|
|
border-top-color: #212121; }
|
|
.tooltip.bottom:before {
|
|
border-bottom-color: #212121; }
|
|
.tooltip:after {
|
|
content: attr(aria-label);
|
|
color: var(--tooltip-fore-color);
|
|
background: var(--tooltip-back-color);
|
|
border-radius: var(--universal-border-radius);
|
|
padding: var(--universal-padding);
|
|
white-space: nowrap;
|
|
transform: translateX(-50%); }
|
|
.tooltip:not(.bottom):after {
|
|
margin-bottom: calc(2 * var(--universal-margin)); }
|
|
.tooltip.bottom:after {
|
|
margin-top: calc(2 * var(--universal-margin)); }
|
|
:root {
|
|
--modal-overlay-color: rgba(0, 0, 0, 0.45);
|
|
--modal-close-color: #e6007e;
|
|
--modal-close-hover-color: #ffe97f; }
|
|
[type="checkbox"].modal {
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(100%);
|
|
clip-path: inset(100%); }
|
|
[type="checkbox"].modal + div {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
display: none;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: var(--modal-overlay-color); }
|
|
[type="checkbox"].modal + div .card {
|
|
margin: 0 auto;
|
|
max-height: 50vh;
|
|
overflow: auto; }
|
|
[type="checkbox"].modal + div .card .modal-close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 1.75rem;
|
|
height: 1.75rem;
|
|
border-radius: var(--universal-border-radius);
|
|
padding: var(--universal-padding);
|
|
margin: 0;
|
|
cursor: pointer;
|
|
transition: background 0.3s; }
|
|
[type="checkbox"].modal + div .card .modal-close:before {
|
|
display: block;
|
|
content: '\00D7';
|
|
color: var(--modal-close-color);
|
|
position: relative;
|
|
font-family: sans-serif;
|
|
font-size: 1.75rem;
|
|
line-height: 1;
|
|
text-align: center; }
|
|
[type="checkbox"].modal + div .card .modal-close:hover, [type="checkbox"].modal + div .card .modal-close:focus {
|
|
background: var(--modal-close-hover-color); }
|
|
[type="checkbox"].modal:checked + div {
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
z-index: 1200; }
|
|
[type="checkbox"].modal:checked + div .card .modal-close {
|
|
z-index: 1211; }
|
|
:root {
|
|
--collapse-label-back-color: #03234b;
|
|
--collapse-label-fore-color: #ffffff;
|
|
--collapse-label-hover-back-color: #3cb4e6;
|
|
--collapse-selected-label-back-color: #3cb4e6;
|
|
--collapse-border-color: var(--collapse-label-back-color);
|
|
--collapse-selected-border-color: #ceecf8;
|
|
--collapse-content-back-color: #ffffff;
|
|
--collapse-selected-label-border-color: #3cb4e6; }
|
|
.collapse {
|
|
width: calc(100% - 2 * var(--universal-margin));
|
|
opacity: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: var(--universal-margin);
|
|
border-radius: var(--universal-border-radius); }
|
|
.collapse > [type="radio"], .collapse > [type="checkbox"] {
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(100%);
|
|
clip-path: inset(100%); }
|
|
.collapse > label {
|
|
flex-grow: 1;
|
|
display: inline-block;
|
|
height: 1.25rem;
|
|
cursor: pointer;
|
|
transition: background 0.2s;
|
|
color: var(--collapse-label-fore-color);
|
|
background: var(--collapse-label-back-color);
|
|
border: 0.0714285714rem solid var(--collapse-selected-border-color);
|
|
padding: calc(1.25 * var(--universal-padding)); }
|
|
.collapse > label:hover, .collapse > label:focus {
|
|
background: var(--collapse-label-hover-back-color); }
|
|
.collapse > label + div {
|
|
flex-basis: auto;
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(100%);
|
|
clip-path: inset(100%);
|
|
transition: max-height 0.3s;
|
|
max-height: 1px; }
|
|
.collapse > :checked + label {
|
|
background: var(--collapse-selected-label-back-color);
|
|
border-color: var(--collapse-selected-label-border-color); }
|
|
.collapse > :checked + label + div {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
overflow: auto;
|
|
margin: 0;
|
|
background: var(--collapse-content-back-color);
|
|
border: 0.0714285714rem solid var(--collapse-selected-border-color);
|
|
border-top: 0;
|
|
padding: var(--universal-padding);
|
|
clip: auto;
|
|
-webkit-clip-path: inset(0%);
|
|
clip-path: inset(0%);
|
|
max-height: 100%; }
|
|
.collapse > label:not(:first-of-type) {
|
|
border-top: 0; }
|
|
.collapse > label:first-of-type {
|
|
border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0; }
|
|
.collapse > label:last-of-type:not(:first-of-type) {
|
|
border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius); }
|
|
.collapse > label:last-of-type:first-of-type {
|
|
border-radius: var(--universal-border-radius); }
|
|
.collapse > :checked:last-of-type:not(:first-of-type) + label {
|
|
border-radius: 0; }
|
|
.collapse > :checked:last-of-type + label + div {
|
|
border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius); }
|
|
|
|
mark.tertiary {
|
|
--mark-back-color: #3cb4e6; }
|
|
mark.tag {
|
|
padding: calc(var(--universal-padding)/2) var(--universal-padding);
|
|
border-radius: 1em; }
|
|
|
|
|
|
:root {
|
|
--progress-back-color: #3cb4e6;
|
|
--progress-fore-color: #555; }
|
|
progress {
|
|
display: block;
|
|
vertical-align: baseline;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
height: 0.75rem;
|
|
width: calc(100% - 2 * var(--universal-margin));
|
|
margin: var(--universal-margin);
|
|
border: 0;
|
|
border-radius: calc(2 * var(--universal-border-radius));
|
|
background: var(--progress-back-color);
|
|
color: var(--progress-fore-color); }
|
|
progress::-webkit-progress-value {
|
|
background: var(--progress-fore-color);
|
|
border-top-left-radius: calc(2 * var(--universal-border-radius));
|
|
border-bottom-left-radius: calc(2 * var(--universal-border-radius)); }
|
|
progress::-webkit-progress-bar {
|
|
background: var(--progress-back-color); }
|
|
progress::-moz-progress-bar {
|
|
background: var(--progress-fore-color);
|
|
border-top-left-radius: calc(2 * var(--universal-border-radius));
|
|
border-bottom-left-radius: calc(2 * var(--universal-border-radius)); }
|
|
progress[value="1000"]::-webkit-progress-value {
|
|
border-radius: calc(2 * var(--universal-border-radius)); }
|
|
progress[value="1000"]::-moz-progress-bar {
|
|
border-radius: calc(2 * var(--universal-border-radius)); }
|
|
progress.inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 60%; }
|
|
:root {
|
|
--spinner-back-color: #ddd;
|
|
--spinner-fore-color: #555; }
|
|
@keyframes spinner-donut-anim {
|
|
0% {
|
|
transform: rotate(0deg); }
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.spinner {
|
|
display: inline-block;
|
|
margin: var(--universal-margin);
|
|
border: 0.25rem solid var(--spinner-back-color);
|
|
border-left: 0.25rem solid var(--spinner-fore-color);
|
|
border-radius: 50%;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
animation: spinner-donut-anim 1.2s linear infinite; }
|
|
|
|
progress.primary {
|
|
--progress-fore-color: #1976d2; }
|
|
progress.secondary {
|
|
--progress-fore-color: #d32f2f; }
|
|
progress.tertiary {
|
|
--progress-fore-color: #308732; }
|
|
.spinner.primary {
|
|
--spinner-fore-color: #1976d2; }
|
|
.spinner.secondary {
|
|
--spinner-fore-color: #d32f2f; }
|
|
.spinner.tertiary {
|
|
--spinner-fore-color: #308732; }
|
|
|
|
span[class^='icon-'] {
|
|
display: inline-block;
|
|
height: 1em;
|
|
width: 1em;
|
|
vertical-align: -0.125em;
|
|
background-size: contain;
|
|
margin: 0 calc(var(--universal-margin) / 4); }
|
|
span[class^='icon-'].secondary {
|
|
-webkit-filter: invert(25%);
|
|
filter: invert(25%); }
|
|
span[class^='icon-'].inverse {
|
|
-webkit-filter: invert(100%);
|
|
filter: invert(100%); }
|
|
span.icon-alert {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12' y2='16'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-bookmark {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E"); }
|
|
span.icon-calendar {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-credit {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-edit {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34'%3E%3C/path%3E%3Cpolygon points='18 2 22 6 12 16 8 16 8 12 18 2'%3E%3C/polygon%3E%3C/svg%3E"); }
|
|
span.icon-link {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-help {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-home {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E"); }
|
|
span.icon-info {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='8'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-lock {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E"); }
|
|
span.icon-mail {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E"); }
|
|
span.icon-location {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E"); }
|
|
span.icon-phone {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E"); }
|
|
span.icon-rss {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'%3E%3C/path%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'%3E%3C/path%3E%3Ccircle cx='5' cy='19' r='1'%3E%3C/circle%3E%3C/svg%3E"); }
|
|
span.icon-search {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-settings {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E"); }
|
|
span.icon-share {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='19' r='3'%3E%3C/circle%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'%3E%3C/line%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-cart {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E"); }
|
|
span.icon-upload {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); }
|
|
span.icon-user {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2303234b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E"); }
|
|
|
|
span.icon-st-update {
|
|
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZyBmaWxsPSIjMDMyMzRiIj48cGF0aCBkPSJNMTcwLjkzNCA2NC41NjlsLS4wNC0uMDU1LTI5LjA0OSA0MC4wMzgtLjA1Ny4wNzloMTQuODY3YTU5LjM2NiA1OS4zNjYgMCAwIDEtMS40ODggMTUuNjE1Yy0xLjE1OCA1LjMxOC0zLjgwNyAxMy40NDgtOS44NDggMjEuOTc3LTIuNzY2IDQuMTE4LTYuMzc1IDcuNzI2LTkuMjA4IDEwLjQwOC0zLjQyNiAyLjg1Ny03LjQ2MSA2LjA5NS0xMiA4LjM3Ni04LjEyMSA0LjU2OC0xNy44ODEgNy4xMzgtMjguMjI1IDcuNDMyLTEwLjkwNy4yNDgtMjAuMjAxLTIuNjEtMjYuMDcyLTUuMDUyLTguMjgzLTMuNDc5LTE0LjExMS03LjgwNy0xNi44NS0xMC4wNzgtMS4yNTQtLjk1Ni0yLjI1LTEuOTA3LTMuMDU3LTIuNjc2YTI4LjY2MiAyOC42NjIgMCAwIDAtMS4xNTctMS4wNjkgMTU4Ljg3NCAxNTguODc0IDAgMCAwLTEuNDc5LTEuMzYybC00LjQzNS0zLjk1NiAzLjU2OSA0LjgxLjE4My4yNDNjLjIuMjYzLjU0OC43MjIgMS4wNDggMS4zODkuMjc2LjMzNC41NzkuNzQ3LjkzIDEuMjI2bC4wMDguMDFjLjY4OS45MzkgMS41NDYgMi4xMDcgMi42NjQgMy4zMjIgMyAzLjUzNiA4LjE3OCA4LjgwMSAxNS44MDggMTMuODAxIDUuOTY5IDMuODY2IDE1LjY3MiA4LjkwMSAyOC4wMDEgMTAuOTM1YTc5LjA1IDc5LjA1IDAgMCAwIDEyLjQ4NS45OThjNy45NyAwIDE1LjY1MS0xLjIyOCAyMi44MjgtMy42NDkgNi4zNjYtMS44NzcgMTIuMTkyLTQuOTgxIDE3LjA1My03Ljc3MSA2LjE2LTMuOTM2IDEwLjgxNy03LjU4NiAxNC42NTQtMTEuNDg4IDguMDg0LTcuODk5IDE0Ljg4NC0xNy45MTMgMTkuMTUtMjguMTk5IDMuMjU5LTcuNTk0IDUuNDU2LTE1LjcyNyA2LjUyOS0yNC4xNzVsLjA1NS0uNDI1LjA4My0uNjQxSDIwMGwtMjkuMDY2LTQwLjA2M3pNNTguMTU5IDk5LjIzMmwtMTIuNjU1LjU2M2MtLjA5Ny0uODgxLS4xNTktMS45ODYtLjIyNy0zLjQ3NGE1OS4xODQgNTkuMTg0IDAgMCAxIDEuNDQ2LTE2LjU2YzEuMTU3LTUuMzE2IDMuODA0LTEzLjQ0NCA5Ljg0OC0yMS45NzcgMi4xNjgtMy4yMjggNS4wMDktNi40NCA5LjIwOC0xMC40MTUgMy40MS0yLjg0OSA3LjQzMi02LjA4IDEyLjAwNS04LjM3NSA4LjExNC00LjU2OCAxNy44Ny03LjEzOCAyOC4yMTMtNy40MzIgMTAuOS0uMjUgMjAuMTk2IDIuNjA3IDI2LjA3MiA1LjA0NSA4LjI1OCAzLjQ3MyAxNC4xMDUgNy44MTIgMTYuODU3IDEwLjA5MSAxLjI1Ny45NTEgMi4yNTMgMS45MDQgMy4wNTcgMi42NzNsLjAxNy4wMTZjLjQzLjQxMS44MDEuNzY2IDEuMTM2IDEuMDUxLjQ3NS40MzguODQxLjc3NyAxLjA5MSAxLjAxbC4xMzguMTI4LjI0OC4yMjkgNC4wNCAzLjYxMy0zLjE2NS00LjQ1NmMtLjA1OC0uMDgzLS4zMTItLjQxNy0uNzMtLjk3MWwtLjUwNy0uNjdhMjguOTIyIDI4LjkyMiAwIDAgMS0uOTAxLTEuMTkybC0uMDItLjAyN2MtLjY5LS45NDUtMS41NDgtMi4xMjEtMi42NzctMy4zNDYtMy4wMDItMy41MzctOC4xODItOC44MDMtMTUuODEzLTEzLjgwMS01Ljk2NC0zLjg2NS0xNS42NjItOC45LTI3Ljk5Ny0xMC45MzUtOC40ODQtMS4zNjMtMjEuNDk2LTIuMDA5LTM1LjMxMyAyLjY1MS02LjM1NSAxLjg4LTEyLjE4NiA0Ljk4My0xNy4wNTQgNy43NzItNi4xNjMgMy45NDQtMTAuODIgNy41OTUtMTQuNjU0IDExLjQ4OC04LjA3OSA3Ljg5NC0xNC44ODIgMTcuOTA5LTE5LjE1NSAyOC4yLTMuMjY4IDcuNjI0LTUuNDYzIDE1Ljc1Ny02LjUyMyAyNC4xNzMtLjQzNiAzLjI4MS0uNjQyIDUuNDIxLS42NjQgNi45MjZMMCAxMDEuODMxbDMwLjY4MyAzOC43MjcuMDQyLjA1MyAyNy4zOC00MS4yOTguMDU0LS4wODF6IiBzdHlsZT0iZmlsbDogI2U2MDA3ZTsiLz48L2c+PC9zdmc+Cg==); }
|
|
span.icon-st-add {
|
|
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZyBmaWxsPSIjMTMyNTRhIj48cGF0aCBkPSJNMTAwIC4yMTJDNDQuODY4LjIxMiAwIDQ0Ljg4OSAwIDk5Ljc4OGMwIDU1LjEzMiA0NC44NjggMTAwIDEwMCAxMDBzMTAwLTQ0Ljg2OCAxMDAtMTAwQzIwMCA0NC44ODkgMTU1LjEzMi4yMTIgMTAwIC4yMTJ6bTAgMTgxLjE2NGMtNDQuOTc0IDAtODEuNTg3LTM2LjYxNC04MS41ODctODEuNTg3IDAtNDQuNzYyIDM2LjYxNC04MS4xNjQgODEuNTg3LTgxLjE2NCA0NC45OTUgMCA4MS41ODcgMzYuNDAyIDgxLjU4NyA4MS4xNjQgMCA0NC45NzMtMzYuNTkyIDgxLjU4Ny04MS41ODcgODEuNTg3eiIgc3R5bGU9ImZpbGw6ICNlNjAwN2U7Ii8+PHBhdGggZD0iTTE0MS4xIDg4LjEyN2gtMjkuNDM5VjU4LjY4OGMwLTYuMzkyLTUuMTg1LTExLjU5OC0xMS41OTgtMTEuNTk4LTYuNDEzIDAtMTEuNjE5IDUuMjA2LTExLjYxOSAxMS41OTh2MjkuNDM5SDU4LjQ3NmMtNi4zOTIgMC0xMS41OTggNS4xODUtMTEuNTk4IDExLjU5OCAwIDYuNDEzIDUuMjA2IDExLjYxOSAxMS41OTggMTEuNjE5aDI5Ljk2OHYyOS45NjhjMCA2LjM5MiA1LjIwNiAxMS41OTggMTEuNjE5IDExLjU5OCA2LjQxMyAwIDExLjU5OC01LjIwNiAxMS41OTgtMTEuNTk4di0yOS45NjhIMTQxLjFjNi4zOTIgMCAxMS41OTgtNS4yMDYgMTEuNTk4LTExLjYxOSAwLTYuNDEzLTUuMjA2LTExLjU5OC0xMS41OTgtMTEuNTk4eiIgc3R5bGU9ImZpbGw6ICNlNjAwN2U7Ii8+PC9nPjwvc3ZnPgo=); }
|
|
|
|
|
|
:root {
|
|
--generic-border-color: rgba(0, 0, 0, 0.3);
|
|
--generic-box-shadow: 0 0.2857142857rem 0.2857142857rem 0 rgba(0, 0, 0, 0.125), 0 0.1428571429rem 0.1428571429rem -0.1428571429rem rgba(0, 0, 0, 0.125); }
|
|
.hidden {
|
|
display: none !important; }
|
|
.visually-hidden {
|
|
position: absolute !important;
|
|
width: 1px !important;
|
|
height: 1px !important;
|
|
margin: -1px !important;
|
|
border: 0 !important;
|
|
padding: 0 !important;
|
|
clip: rect(0 0 0 0) !important;
|
|
-webkit-clip-path: inset(100%) !important;
|
|
clip-path: inset(100%) !important;
|
|
overflow: hidden !important; }
|
|
.bordered {
|
|
border: 0.0714285714rem solid var(--generic-border-color) !important; }
|
|
.rounded {
|
|
border-radius: var(--universal-border-radius) !important; }
|
|
.circular {
|
|
border-radius: 50% !important; }
|
|
.shadowed {
|
|
box-shadow: var(--generic-box-shadow) !important; }
|
|
.responsive-margin {
|
|
margin: calc(var(--universal-margin) / 4) !important; }
|
|
@media screen and (min-width: 500px) {
|
|
.responsive-margin {
|
|
margin: calc(var(--universal-margin) / 2) !important; } }
|
|
@media screen and (min-width: 1280px) {
|
|
.responsive-margin {
|
|
margin: var(--universal-margin) !important; } }
|
|
.responsive-padding {
|
|
padding: calc(var(--universal-padding) / 4) !important; }
|
|
@media screen and (min-width: 500px) {
|
|
.responsive-padding {
|
|
padding: calc(var(--universal-padding) / 2) !important; } }
|
|
@media screen and (min-width: 1280px) {
|
|
.responsive-padding {
|
|
padding: var(--universal-padding) !important; } }
|
|
@media screen and (max-width: 499px) {
|
|
.hidden-sm {
|
|
display: none !important; } }
|
|
@media screen and (min-width: 500px) and (max-width: 1279px) {
|
|
.hidden-md {
|
|
display: none !important; } }
|
|
@media screen and (min-width: 1280px) {
|
|
.hidden-lg {
|
|
display: none !important; } }
|
|
@media screen and (max-width: 499px) {
|
|
.visually-hidden-sm {
|
|
position: absolute !important;
|
|
width: 1px !important;
|
|
height: 1px !important;
|
|
margin: -1px !important;
|
|
border: 0 !important;
|
|
padding: 0 !important;
|
|
clip: rect(0 0 0 0) !important;
|
|
-webkit-clip-path: inset(100%) !important;
|
|
clip-path: inset(100%) !important;
|
|
overflow: hidden !important; } }
|
|
@media screen and (min-width: 500px) and (max-width: 1279px) {
|
|
.visually-hidden-md {
|
|
position: absolute !important;
|
|
width: 1px !important;
|
|
height: 1px !important;
|
|
margin: -1px !important;
|
|
border: 0 !important;
|
|
padding: 0 !important;
|
|
clip: rect(0 0 0 0) !important;
|
|
-webkit-clip-path: inset(100%) !important;
|
|
clip-path: inset(100%) !important;
|
|
overflow: hidden !important; } }
|
|
@media screen and (min-width: 1280px) {
|
|
.visually-hidden-lg {
|
|
position: absolute !important;
|
|
width: 1px !important;
|
|
height: 1px !important;
|
|
margin: -1px !important;
|
|
border: 0 !important;
|
|
padding: 0 !important;
|
|
clip: rect(0 0 0 0) !important;
|
|
-webkit-clip-path: inset(100%) !important;
|
|
clip-path: inset(100%) !important;
|
|
overflow: hidden !important; } }
|
|
|
|
img[alt="ST logo"] { display: block; margin: auto; width: 75%; max-width: 250px; min-width: 71px; }
|
|
img[alt="Cube logo"] { float: right; width: 30%; max-width: 10rem; min-width: 8rem; padding-right: 1rem;}
|
|
.figure {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}</style>
|
|
<!--[if lt IE 9]>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
|
<![endif]-->
|
|
<link href="data:image/png;base64,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" rel="icon" type="image/x-icon" />
|
|
</head>
|
|
<body>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-lg-4">
|
|
<center>
|
|
<h1 id="release-notes-for-vl53l5cx-component-driver">Release Notes for <mark>VL53L5CX</mark> Component Driver</h1>
|
|
<p>Copyright © 2022 STMicroelectronics<br />
|
|
</p>
|
|
<a href="https://www.st.com" class="logo"><img src="data:image/png;base64,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" alt="ST logo" /></a>
|
|
</center>
|
|
<h1 id="purpose">Purpose</h1>
|
|
<p>The <strong>VL53L5CX</strong> Component Driver is a driver intenteded to be used within the <strong>STM32Cube</strong> ecosystem. This software implements a Component Driver running on STM32. It is built on top of STM32Cube software technology that ease portability across different STM32 micro-controllers.</p>
|
|
<p>Here is the list of references to user documents:</p>
|
|
<ul>
|
|
<li><a href="https://www.st.com/en/imaging-and-photonics-solutions/vl53l5cx.html">VL53L5CX: Time-of-Flight 8x8 multizone ranging sensor with wide field of view</a></li>
|
|
<li><a href="https://www.st.com/en/evaluation-tools/vl53l5cx-satel.html">VL53L5CX-SATEL: Breakout board for VL53L5CX</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-12 col-lg-8">
|
|
<h1 id="update-history">Update History</h1>
|
|
<div class="collapse">
|
|
<input type="checkbox" id="collapse-section7" checked aria-hidden="true"> <label for="collapse-section7" aria-hidden="true"><strong>1.0.8 / May 27th 2024</strong></label>
|
|
<div>
|
|
<h2 id="main-changes">Main Changes</h2>
|
|
<h3 id="maintenance-release-and-product-update">Maintenance release and product update</h3>
|
|
<ul>
|
|
<li>Release notes update, aligned with ULD driver VL53L5CX 2.0.0</li>
|
|
</ul>
|
|
<h2 id="known-limitations">Known Limitations</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Headline</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;">No known limitations</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="collapse">
|
|
<input type="checkbox" id="collapse-section6" aria-hidden="true"> <label for="collapse-section6" aria-hidden="true"><strong>1.0.7 / April 30th 2023</strong></label>
|
|
<div>
|
|
<h2 id="main-changes-1">Main Changes</h2>
|
|
<h3 id="maintenance-release-and-product-update-1">Maintenance release and product update</h3>
|
|
<ul>
|
|
<li>Added missing LICENSE files</li>
|
|
</ul>
|
|
<h2 id="contents">Contents</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Name</th>
|
|
<th style="text-align: left;">Version</th>
|
|
<th style="text-align: left;">Release note</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;"><strong>VL53L5CX BSP Component</strong></td>
|
|
<td style="text-align: left;">V1.0.7<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
<tr class="even">
|
|
<td style="text-align: left;"><strong>VL53L5 ULD</strong></td>
|
|
<td style="text-align: left;">V1.3.9<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p><br />
|
|
</p>
|
|
<p>Note: in the table above, components <strong>highlighted</strong> have changed since previous release.</p>
|
|
<h2 id="known-limitations-1">Known Limitations</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Headline</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;">No known limitations</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2 id="development-toolchains-and-compilers">Development Toolchains and Compilers</h2>
|
|
<ul>
|
|
<li>IAR System Workbench V9.20.1</li>
|
|
<li>ARM Keil V5.37</li>
|
|
<li>STM32CubeIDE v1.12.0</li>
|
|
</ul>
|
|
<h2 id="supported-devices-and-boards">Supported Devices and Boards</h2>
|
|
<ul>
|
|
<li>VL53L5CX</li>
|
|
<li>VL53L5CX-SATEL</li>
|
|
<li>X-NUCLEO-53L5A1</li>
|
|
</ul>
|
|
<h2 id="backward-compatibility">Backward Compatibility</h2>
|
|
<p>N/A</p>
|
|
<h2 id="dependencies">Dependencies</h2>
|
|
<p>This software release is compatible with:</p>
|
|
<ul>
|
|
<li>STM32CubeHAL F4 V1.8.0</li>
|
|
<li>STM32CubeHAL L4 V1.13.2</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="collapse">
|
|
<input type="checkbox" id="collapse-section5" aria-hidden="true"> <label for="collapse-section5" aria-hidden="true"><strong>1.0.4 / December 15th 2022</strong></label>
|
|
<div>
|
|
<h2 id="main-changes-2">Main Changes</h2>
|
|
<h3 id="maintenance-release-and-product-update-2">Maintenance release and product update</h3>
|
|
<ul>
|
|
<li>Added missing LICENSE files</li>
|
|
</ul>
|
|
<h2 id="contents-1">Contents</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Name</th>
|
|
<th style="text-align: left;">Version</th>
|
|
<th style="text-align: left;">Release note</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;"><strong>VL53L5CX BSP Component</strong></td>
|
|
<td style="text-align: left;">V1.0.4<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
<tr class="even">
|
|
<td style="text-align: left;"><strong>VL53L5 ULD</strong></td>
|
|
<td style="text-align: left;">V1.3.6<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p><br />
|
|
</p>
|
|
<p>Note: in the table above, components <strong>highlighted</strong> have changed since previous release.</p>
|
|
<h2 id="known-limitations-2">Known Limitations</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Headline</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;">No known limitations</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2 id="development-toolchains-and-compilers-1">Development Toolchains and Compilers</h2>
|
|
<ul>
|
|
<li>IAR System Workbench V9.20.1</li>
|
|
<li>ARM Keil V5.37</li>
|
|
<li>STM32CubeIDE v1.11.0</li>
|
|
</ul>
|
|
<h2 id="supported-devices-and-boards-1">Supported Devices and Boards</h2>
|
|
<ul>
|
|
<li>VL53L5CX</li>
|
|
<li>VL53L5CX-SATEL</li>
|
|
<li>X-NUCLEO-53L5A1</li>
|
|
</ul>
|
|
<h2 id="backward-compatibility-1">Backward Compatibility</h2>
|
|
<p>N/A</p>
|
|
<h2 id="dependencies-1">Dependencies</h2>
|
|
<p>This software release is compatible with:</p>
|
|
<ul>
|
|
<li>STM32CubeHAL F4 V1.8.0</li>
|
|
<li>STM32CubeHAL L4 V1.13.2</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="collapse">
|
|
<input type="checkbox" id="collapse-section4" aria-hidden="true"> <label for="collapse-section4" aria-hidden="true"><strong>1.0.3 / Sept 5th 2022</strong></label>
|
|
<div>
|
|
<h2 id="main-changes-3">Main Changes</h2>
|
|
<h3 id="maintenance-release-and-product-update-3">Maintenance release and product update</h3>
|
|
<ul>
|
|
<li>Added missing LICENSE files</li>
|
|
</ul>
|
|
<h2 id="contents-2">Contents</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Name</th>
|
|
<th style="text-align: left;">Version</th>
|
|
<th style="text-align: left;">Release note</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;"><strong>VL53L5CX BSP Component</strong></td>
|
|
<td style="text-align: left;">V1.0.3<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
<tr class="even">
|
|
<td style="text-align: left;"><strong>VL53L5 ULD</strong></td>
|
|
<td style="text-align: left;">V1.3.3<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p><br />
|
|
</p>
|
|
<p>Note: in the table above, components <strong>highlighted</strong> have changed since previous release.</p>
|
|
<h2 id="known-limitations-3">Known Limitations</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Headline</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;">No known limitations</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2 id="development-toolchains-and-compilers-2">Development Toolchains and Compilers</h2>
|
|
<ul>
|
|
<li>IAR System Workbench V9.20.1</li>
|
|
<li>ARM Keil V5.37</li>
|
|
<li>STM32CubeIDE v1.10.1</li>
|
|
</ul>
|
|
<h2 id="supported-devices-and-boards-2">Supported Devices and Boards</h2>
|
|
<ul>
|
|
<li>VL53L5CX</li>
|
|
<li>VL53L5CX-SATEL</li>
|
|
<li>X-NUCLEO-53L5A1</li>
|
|
</ul>
|
|
<h2 id="backward-compatibility-2">Backward Compatibility</h2>
|
|
<p>N/A</p>
|
|
<h2 id="dependencies-2">Dependencies</h2>
|
|
<p>This software release is compatible with:</p>
|
|
<ul>
|
|
<li>STM32CubeHAL F4 V1.8.0</li>
|
|
<li>STM32CubeHAL L4 V1.13.2</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="collapse">
|
|
<input type="checkbox" id="collapse-section3" aria-hidden="true"> <label for="collapse-section3" aria-hidden="true"><strong>1.0.2 / March 4th 2022</strong></label>
|
|
<div>
|
|
<h2 id="main-changes-4">Main Changes</h2>
|
|
<h3 id="maintenance-release-and-product-update-4">Maintenance release and product update</h3>
|
|
<ul>
|
|
<li>Added missing LICENSE files</li>
|
|
</ul>
|
|
<h2 id="contents-3">Contents</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Name</th>
|
|
<th style="text-align: left;">Version</th>
|
|
<th style="text-align: left;">Release note</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;"><strong>VL53L5CX BSP Component</strong></td>
|
|
<td style="text-align: left;">V1.0.2<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
<tr class="even">
|
|
<td style="text-align: left;"><strong>VL53L5 ULD</strong></td>
|
|
<td style="text-align: left;">V1.2.0<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p><br />
|
|
</p>
|
|
<p>Note: in the table above, components <strong>highlighted</strong> have changed since previous release.</p>
|
|
<h2 id="known-limitations-4">Known Limitations</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Headline</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;">No known limitations</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2 id="development-toolchains-and-compilers-3">Development Toolchains and Compilers</h2>
|
|
<ul>
|
|
<li>IAR System Workbench V9.20.1</li>
|
|
<li>ARM Keil V5.32</li>
|
|
<li>STM32CubeIDE v1.8.0</li>
|
|
</ul>
|
|
<h2 id="supported-devices-and-boards-3">Supported Devices and Boards</h2>
|
|
<ul>
|
|
<li>VL53L5CX</li>
|
|
<li>VL53L5CX-SATEL</li>
|
|
<li>X-NUCLEO-53L5A1</li>
|
|
</ul>
|
|
<h2 id="backward-compatibility-3">Backward Compatibility</h2>
|
|
<p>N/A</p>
|
|
<h2 id="dependencies-3">Dependencies</h2>
|
|
<p>This software release is compatible with:</p>
|
|
<ul>
|
|
<li>STM32CubeHAL F4 V1.7.12</li>
|
|
<li>STM32CubeHAL L4 V1.13.0</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="collapse">
|
|
<input type="checkbox" id="collapse-section2" aria-hidden="true"> <label for="collapse-section2" aria-hidden="true"><strong>1.0.1 / January 12th 2022</strong></label>
|
|
<div>
|
|
<h2 id="main-changes-5">Main Changes</h2>
|
|
<h3 id="updated-uld-driver">Updated ULD driver</h3>
|
|
<p>Update with ULD driver version 1.2.0.</p>
|
|
<h2 id="contents-4">Contents</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Name</th>
|
|
<th style="text-align: left;">Version</th>
|
|
<th style="text-align: left;">Release note</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;"><strong>VL53L5CX BSP Component</strong></td>
|
|
<td style="text-align: left;">V1.0.1<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
<tr class="even">
|
|
<td style="text-align: left;"><strong>VL53L5 ULD</strong></td>
|
|
<td style="text-align: left;">V1.2.0<span class="icon-st-update"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p><br />
|
|
</p>
|
|
<p>Note: in the table above, components <strong>highlighted</strong> have changed since previous release.</p>
|
|
<h2 id="known-limitations-5">Known Limitations</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Headline</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;">No known limitations</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2 id="development-toolchains-and-compilers-4">Development Toolchains and Compilers</h2>
|
|
<ul>
|
|
<li>IAR System Workbench V8.50.9</li>
|
|
<li>ARM Keil V5.32</li>
|
|
<li>STM32CubeIDE v1.8.0</li>
|
|
</ul>
|
|
<h2 id="supported-devices-and-boards-4">Supported Devices and Boards</h2>
|
|
<ul>
|
|
<li>VL53L5CX</li>
|
|
<li>VL53L5CX-SATEL</li>
|
|
<li>X-NUCLEO-53L5A1</li>
|
|
</ul>
|
|
<h2 id="backward-compatibility-4">Backward Compatibility</h2>
|
|
<p>N/A</p>
|
|
<h2 id="dependencies-4">Dependencies</h2>
|
|
<p>This software release is compatible with:</p>
|
|
<ul>
|
|
<li>STM32CubeHAL F4 V1.7.12</li>
|
|
<li>STM32CubeHAL L4 V1.13.0</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="collapse">
|
|
<input type="checkbox" id="collapse-section1" aria-hidden="true"> <label for="collapse-section1" aria-hidden="true"><strong>1.0.0 / March 15th 2021</strong></label>
|
|
<div>
|
|
<h2 id="main-changes-6">Main Changes</h2>
|
|
<h3 id="first-release">First release</h3>
|
|
<p>This is the first release of the <strong>VL53L5CX</strong> Component Driver.</p>
|
|
<h2 id="contents-5">Contents</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Name</th>
|
|
<th style="text-align: left;">Version</th>
|
|
<th style="text-align: left;">Release note</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;"><strong>VL53L5CX BSP Component</strong></td>
|
|
<td style="text-align: left;">V1.0.0<span class="icon-st-add"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
<tr class="even">
|
|
<td style="text-align: left;"><strong>VL53L5 ULD</strong></td>
|
|
<td style="text-align: left;">V1.0.0<span class="icon-st-add"></span></td>
|
|
<td style="text-align: left;"><a href=".\Release_Notes.html">release note URL</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p><br />
|
|
</p>
|
|
<p>Note: in the table above, components <strong>highlighted</strong> have changed since previous release.</p>
|
|
<h2 id="known-limitations-6">Known Limitations</h2>
|
|
<table>
|
|
<thead>
|
|
<tr class="header">
|
|
<th style="text-align: left;">Headline</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd">
|
|
<td style="text-align: left;">No known limitations</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2 id="development-toolchains-and-compilers-5">Development Toolchains and Compilers</h2>
|
|
<ul>
|
|
<li>IAR System Workbench V8.50.9</li>
|
|
<li>ARM Keil V5.32</li>
|
|
<li>STM32CubeIDE v1.6.1</li>
|
|
</ul>
|
|
<h2 id="supported-devices-and-boards-5">Supported Devices and Boards</h2>
|
|
<ul>
|
|
<li>VL53L5CX</li>
|
|
<li>VL53L5CX-SATEL</li>
|
|
<li>X-NUCLEO-53L5A1</li>
|
|
</ul>
|
|
<h2 id="backward-compatibility-5">Backward Compatibility</h2>
|
|
<p>N/A</p>
|
|
<h2 id="dependencies-5">Dependencies</h2>
|
|
<p>This software release is compatible with:</p>
|
|
<ul>
|
|
<li>STM32CubeHAL F4 V1.7.12</li>
|
|
<li>STM32CubeHAL L4 V1.13.0</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="sticky">
|
|
<div class="columns">
|
|
<div class="column" style="width:95%;">
|
|
<p>For complete documentation on <strong>STM32Cube Expansion Packages</strong> , visit: <a href="https://www.st.com/en/embedded-software/stm32cube-expansion-packages.html">STM32Cube Expansion Packages</a></p>
|
|
</div><div class="column" style="width:5%;">
|
|
<p><abbr title="Based on template cx566953 version 2.0">Info</abbr></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|