@muibook/components 1.2.1 → 1.3.1

package/dist/esm/css/mui-reset.css

@@ -0,0 +1,287 @@
+/* ==================== */
+/*   __  __ _   _ ___   */
+/*  |  \/  | | | |_ _|  */
+/*  | |\/| | | | || |   */
+/*  | |  | | |_| || |   */
+/*  |_|  |_|\___/|___|  */
+/*                      */
+/*   michael.ui.system  */
+/* ==================== */
+
+:where(html) {
+  --root-font-size: 62.5%;
+  font-size: var(--root-font-size);
+  font-family: var(--font-family);
+  background: var(--white);
+  color: var(--text-color);
+  line-height: var(--text-line-height);
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: var(--space-000);
+  font-size: var(--text-font-size);
+  min-height: 100vh;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: var(--font-family);
+  font-size: var(--text-font-size);
+  line-height: var(--text-line-height);
+  margin: var(--space-000);
+}
+
+:focus-visible,
+button:focus-visible,
+input:focus-visible,
+textarea:focus-visible,
+select:focus-visible,
+summary:focus-visible {
+  outline: var(--outline-thick);
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+summary {
+  display: list-item;
+}
+
+template,
+[hidden] {
+  display: none;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+article,
+aside,
+main,
+section,
+nav,
+header,
+footer {
+  width: 100%;
+}
+
+audio,
+canvas,
+mark,
+video {
+  display: inline-block;
+}
+
+img,
+legend {
+  border: 0;
+}
+
+body,
+figure,
+form {
+  margin: var(--space-000);
+}
+
+audio,
+canvas,
+img,
+video {
+  vertical-align: middle;
+}
+
+dfn {
+  font-style: italic;
+}
+
+q {
+  quotes: none;
+}
+
+q:after,
+q:before {
+  content: '';
+  content: none;
+}
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline dotted;
+}
+
+dd {
+  margin: 0;
+}
+
+*,
+:before,
+:after {
+  box-sizing: border-box;
+}
+
+::-moz-selection,
+::selection {
+  background: var(--grey-900);
+  color: var(--white);
+  text-shadow: none;
+}
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  appearance: button;
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+:focus:not(:focus-visible) {
+  outline: none;
+}
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type='search'] {
+  appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type='search']::-webkit-search-decoration {
+  appearance: none;
+}
+
+::-webkit-file-upload-button {
+  appearance: button;
+  font: inherit;
+}
+
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+  appearance: none;
+}
+
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  vertical-align: baseline;
+}
+
+[type='checkbox'],
+[type='radio'],
+legend {
+  padding: 0;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+em {
+  font-style: italic;
+}
+
+b,
+strong {
+  font-weight: 700;
+}
+
+input,
+textarea {
+  appearance: none;
+}
+
+input[type='radio'] {
+  appearance: radio;
+}
+
+input[type='checkbox'] {
+  appearance: checkbox;
+}
+
+input[type='button'],
+input[type='submit'],
+input[type='reset'],
+button {
+  display: inline-block;
+  cursor: pointer;
+  width: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+label {
+  display: block;
+}
+
+textarea {
+  resize: vertical;
+  overflow: auto;
+  vertical-align: top;
+}
+
+legend {
+  font-weight: 700;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+  width: auto;
+}