@idds/styles 1.2.11 → 1.2.13

package/src/components/reset.css

@@ -1,431 +0,0 @@
-/* =========================== */
-/* CSS RESET & BASE STYLES     */
-/* =========================== */
-
-/* Import Google Fonts - Inter */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
-
-/* =========================== */
-/* CSS RESET RULES             */
-/* =========================== */
-
-/* Box sizing rules */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role='list'],
-ol[role='list'] {
-  list-style: none;
-}
-
-/* Set core root defaults */
-html:focus-within {
-  scroll-behavior: smooth;
-}
-
-/* Set core body defaults */
-body {
-  min-height: 100vh;
-  text-rendering: optimizeSpeed;
-  line-height: 1.5;
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
-    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* A elements that don't have a class get default styles */
-a:not([class]) {
-  text-decoration-skip-ink: auto;
-}
-
-/* Make images easier to work with */
-img,
-picture {
-  max-width: 100%;
-  display: block;
-}
-
-/* Inherit fonts for inputs and buttons */
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}
-
-/* Remove default styling from form elements */
-input,
-textarea,
-select {
-  /* border: none; */
-  outline: none;
-  padding: 0;
-  margin: 0;
-  box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Remove default focus styles */
-input:focus,
-textarea:focus,
-select:focus,
-button:focus {
-  outline: none;
-  box-shadow: none;
-}
-
-/* Remove default border and background from specific input types */
-input[type='text'],
-input[type='email'],
-input[type='password'],
-input[type='search'],
-input[type='tel'],
-input[type='url'],
-input[type='number'],
-input[type='date'],
-input[type='time'],
-input[type='datetime-local'],
-input[type='month'],
-input[type='week'] {
-  /* border: none; */
-  outline: none;
-  background: transparent;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Remove default styling from textarea */
-textarea {
-  /* border: none; */
-  outline: none;
-  background: transparent;
-  resize: vertical;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Remove default styling from select */
-select {
-  /* border: none; */
-  outline: none;
-  background: transparent;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background-image: none;
-}
-
-/* Remove default button styling */
-button {
-  /* border: none;
-  outline: none; */
-  cursor: pointer;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Remove default styling from file inputs */
-input[type='file'] {
-  /* border: none; */
-  outline: none;
-  background: transparent;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Remove default styling from range inputs */
-input[type='range'] {
-  /* border: none; */
-  outline: none;
-  background: transparent;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Remove default styling from color inputs */
-input[type='color'] {
-  /* border: none; */
-  outline: none;
-  background: transparent;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-/* Remove default styling from checkbox and radio */
-/* input[type='checkbox'],
-input[type='radio'] {
-  border: none;
-  outline: none;
-  background: transparent;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  box-shadow: none;
-} */
-
-/* Remove default styling from submit and reset buttons */
-/* input[type='submit'],
-input[type='reset'],
-input[type='button'] {
-  border: none;
-  outline: none;
-  background: transparent;
-  cursor: pointer;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-} */
-
-/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
-@media (prefers-reduced-motion: reduce) {
-  html:focus-within {
-    scroll-behavior: auto;
-  }
-
-  *,
-  *::before,
-  *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
-}
-
-/* =========================== */
-/* FORM ELEMENTS RESET         */
-/* =========================== */
-
-/* Additional form element resets */
-optgroup {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-}
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-  appearance: button;
-}
-
-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:-moz-focusring,
-[type='button']:-moz-focusring,
-[type='reset']:-moz-focusring,
-[type='submit']:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-legend {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-/* textarea overflow handled above */
-
-[type='checkbox'],
-[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-[type='search'] {
-  -webkit-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -2px;
-}
-
-[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-/* =========================== */
-/* MEDIA ELEMENTS RESET        */
-/* =========================== */
-
-/* Reset media elements */
-/* img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  max-width: 100%;
-} */
-
-/* =========================== */
-/* TABLE RESET                 */
-/* =========================== */
-
-/* Reset tables */
-table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-}
-
-/* thead,
-tbody,
-tfoot,
-tr,
-td,
-th {
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
-} */
-
-/* th,
-td {
-  padding: 0;
-  text-align: left;
-  vertical-align: top;
-} */
-
-/* th {
-  font-weight: 600;
-} */
-
-/* =========================== */
-/* MISCELLANEOUS RESET         */
-/* =========================== */
-
-/* Reset pagination and navigation */
-nav {
-  display: block;
-}
-
-/* Reset semantic elements */
-section,
-article,
-aside,
-header,
-footer,
-main,
-figure,
-address,
-cite,
-mark,
-small,
-sub,
-sup,
-code,
-kbd,
-samp,
-abbr,
-del,
-ins,
-dfn {
-  display: block;
-}
-
-/* Reset text elements */
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Reset code elements */
-code,
-kbd,
-samp {
-  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas,
-    'Courier New', monospace;
-  font-size: 1em;
-}
-
-/* Reset abbreviation */
-abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  text-decoration: underline dotted;
-}
-
-/* Reset mark */
-mark {
-  background-color: #ff0;
-  color: #000;
-}
-
-/* Reset del and ins */
-del {
-  text-decoration: line-through;
-}
-
-ins {
-  text-decoration: underline;
-}
-
-/* Reset dfn */
-dfn {
-  font-style: italic;
-}