@gitbutler/design-core 1.3.7 → 1.3.8

package/styles/reset.css

@@ -1,268 +1,268 @@
 /* BOILERPLATE CSS */
 /* reset all styles */
 @layer reset {
-  /* base */
-  *,
-  :after,
-  :before {
-    box-sizing: border-box;
-    border: 0 solid;
-  }
-
-  html {
-    overscroll-behavior: none;
-    font-size: 16px;
-    line-height: 1.5;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-  }
-
-  body {
-    padding: 0;
-    margin: 0;
-    overflow-x: hidden;
-    color: var(--clr-text-1);
-    font-family: var(--font-default);
-  }
-
-  /* elements */
-  hr {
-    height: 0;
-    border-top-width: 1px;
-    color: inherit;
-  }
-
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: inherit;
-    font-size: inherit;
-  }
-
-  a {
-    color: inherit;
-    text-decoration: inherit;
-  }
-
-  b,
-  strong {
-    font-weight: bolder;
-  }
-
-  code,
-  kbd,
-  pre,
-  samp {
-    font-size: 1em;
-    font-family: var(--font-mono);
-    font-variation-settings: normal;
-    font-feature-settings: normal;
-  }
-
-  small {
-    font-size: 80%;
-  }
-
-  sub,
-  sup {
-    position: relative;
-    font-size: 75%;
-    line-height: 0;
-    vertical-align: baseline;
-  }
-
-  sub {
-    bottom: -0.25em;
-  }
-
-  sup {
-    top: -0.5em;
-  }
-
-  table {
-    border-color: inherit;
-    border-collapse: collapse;
-    text-indent: 0;
-  }
-
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    color: inherit;
-    font-weight: inherit;
-    font-size: 100%;
-    line-height: inherit;
-    font-family: inherit;
-    font-variation-settings: inherit;
-    font-feature-settings: inherit;
-    letter-spacing: inherit;
-    background: transparent;
-  }
-
-  button,
-  select {
-    text-transform: none;
-  }
-
-  button,
-  input:where([type="button"]),
-  input:where([type="reset"]),
-  input:where([type="submit"]) {
-    -webkit-appearance: button;
-    background-image: none;
-    background-color: transparent;
-    outline: none;
-    touch-action: manipulation;
-  }
-
-  :-moz-focusring {
-    outline: auto;
-  }
-
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-
-  progress {
-    vertical-align: baseline;
-  }
-
-  ::-webkit-inner-spin-button,
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-
-  [type="search"] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-
-  summary {
-    display: list-item;
-  }
-
-  blockquote,
-  dd,
-  dl,
-  figure,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  p,
-  pre {
-    margin: 0;
-  }
-
-  fieldset {
-    margin: 0;
-  }
-
-  fieldset,
-  legend {
-    padding: 0;
-  }
-
-  menu,
-  ol,
-  ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  dialog {
-    padding: 0;
-  }
-
-  textarea {
-    resize: vertical;
-  }
-
-  input::-moz-placeholder,
-  textarea::-moz-placeholder {
-    color: #9ca3af;
-    opacity: 1;
-  }
-
-  input::placeholder,
-  textarea::placeholder {
-    color: #9ca3af;
-    opacity: 1;
-  }
-
-  [role="button"],
-  button {
-    text-align: left;
-    cursor: pointer;
-  }
-
-  [role="button"]:disabled,
-  button:disabled,
-  :disabled {
-    cursor: not-allowed;
-  }
-
-  audio,
-  canvas,
-  embed,
-  iframe,
-  img,
-  object,
-  video {
-    display: block;
-    vertical-align: middle;
-  }
-
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-
-  [hidden] {
-    display: none;
-  }
-
-  /* Focus outline for keyboard navigation */
-  a:focus-visible,
-  button:focus-visible,
-  input:focus-visible,
-  select:focus-visible,
-  textarea:focus-visible,
-  [tabindex]:focus-visible,
-  [role="button"]:focus-visible,
-  [role="link"]:focus-visible,
-  details:focus-visible,
-  summary:focus-visible,
-  .focus-visible:focus-visible {
-    outline: 2px solid var(--clr-theme-pop-element);
-    outline-offset: -2px;
-  }
-
+	/* base */
+	*,
+	:after,
+	:before {
+		box-sizing: border-box;
+		border: 0 solid;
+	}
+
+	html {
+		overscroll-behavior: none;
+		font-size: 16px;
+		line-height: 1.5;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+		text-rendering: optimizeLegibility;
+	}
+
+	body {
+		padding: 0;
+		margin: 0;
+		overflow-x: hidden;
+		color: var(--clr-text-1);
+		font-family: var(--font-default);
+	}
+
+	/* elements */
+	hr {
+		height: 0;
+		border-top-width: 1px;
+		color: inherit;
+	}
+
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-weight: inherit;
+		font-size: inherit;
+	}
+
+	a {
+		color: inherit;
+		text-decoration: inherit;
+	}
+
+	b,
+	strong {
+		font-weight: bolder;
+	}
+
+	code,
+	kbd,
+	pre,
+	samp {
+		font-size: 1em;
+		font-family: var(--font-mono);
+		font-variation-settings: normal;
+		font-feature-settings: normal;
+	}
+
+	small {
+		font-size: 80%;
+	}
+
+	sub,
+	sup {
+		position: relative;
+		font-size: 75%;
+		line-height: 0;
+		vertical-align: baseline;
+	}
+
+	sub {
+		bottom: -0.25em;
+	}
+
+	sup {
+		top: -0.5em;
+	}
+
+	table {
+		border-color: inherit;
+		border-collapse: collapse;
+		text-indent: 0;
+	}
+
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		margin: 0;
+		padding: 0;
+		border: 0;
+		color: inherit;
+		font-weight: inherit;
+		font-size: 100%;
+		line-height: inherit;
+		font-family: inherit;
+		font-variation-settings: inherit;
+		font-feature-settings: inherit;
+		letter-spacing: inherit;
+		background: transparent;
+	}
+
+	button,
+	select {
+		text-transform: none;
+	}
+
+	button,
+	input:where([type="button"]),
+	input:where([type="reset"]),
+	input:where([type="submit"]) {
+		-webkit-appearance: button;
+		background-image: none;
+		background-color: transparent;
+		outline: none;
+		touch-action: manipulation;
+	}
+
+	:-moz-focusring {
+		outline: auto;
+	}
+
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+
+	progress {
+		vertical-align: baseline;
+	}
+
+	::-webkit-inner-spin-button,
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+
+	summary {
+		display: list-item;
+	}
+
+	blockquote,
+	dd,
+	dl,
+	figure,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	p,
+	pre {
+		margin: 0;
+	}
+
+	fieldset {
+		margin: 0;
+	}
+
+	fieldset,
+	legend {
+		padding: 0;
+	}
+
+	menu,
+	ol,
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+
+	dialog {
+		padding: 0;
+	}
+
+	textarea {
+		resize: vertical;
+	}
+
+	input::-moz-placeholder,
+	textarea::-moz-placeholder {
+		color: #9ca3af;
+		opacity: 1;
+	}
+
+	input::placeholder,
+	textarea::placeholder {
+		color: #9ca3af;
+		opacity: 1;
+	}
+
+	[role="button"],
+	button {
+		text-align: left;
+		cursor: pointer;
+	}
+
+	[role="button"]:disabled,
+	button:disabled,
+	:disabled {
+		cursor: not-allowed;
+	}
+
+	audio,
+	canvas,
+	embed,
+	iframe,
+	img,
+	object,
+	video {
+		display: block;
+		vertical-align: middle;
+	}
+
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+
+	[hidden] {
+		display: none;
+	}
+
+	/* Focus outline for keyboard navigation */
+	a:focus-visible,
+	button:focus-visible,
+	input:focus-visible,
+	select:focus-visible,
+	textarea:focus-visible,
+	[tabindex]:focus-visible,
+	[role="button"]:focus-visible,
+	[role="link"]:focus-visible,
+	details:focus-visible,
+	summary:focus-visible,
+	.focus-visible:focus-visible {
+		outline: 2px solid var(--clr-theme-pop-element);
+		outline-offset: -2px;
+	}
+}