@semanticus/semanticus-css 0.9.0 → 1.1.0

package/src/_normalize.css

@@ -1,214 +0,0 @@
-/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
-
-/*
-Document
-========
-*/
-
-/**
-Use a better box model (opinionated).
-*/
-
-*,
-::before,
-::after {
-	box-sizing: border-box;
-}
-
-html {
-	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
-	font-family:
-		system-ui,
-		'Segoe UI',
-		Roboto,
-		Helvetica,
-		Arial,
-		sans-serif,
-		'Apple Color Emoji',
-		'Segoe UI Emoji';
-	line-height: 1.15; /* 1. Correct the line height in all browsers. */
-	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
-	tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
-}
-
-/*
-Sections
-========
-*/
-
-body {
-	margin: 0; /* Remove the margin in all browsers. */
-}
-
-/*
-Text-level semantics
-====================
-*/
-
-/**
-Add the correct font weight in Chrome and Safari.
-*/
-
-b,
-strong {
-	font-weight: bolder;
-}
-
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-	font-family:
-		ui-monospace,
-		SFMono-Regular,
-		Consolas,
-		'Liberation Mono',
-		Menlo,
-		monospace; /* 1 */
-
-	font-size: 1em; /* 2 */
-}
-
-/**
-Add the correct font size in all browsers.
-*/
-
-small {
-	font-size: 80%;
-}
-
-/**
-Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
-	vertical-align: baseline;
-}
-
-sub {
-	bottom: -0.25em;
-}
-
-sup {
-	top: -0.5em;
-}
-
-/*
-Tabular data
-============
-*/
-
-/**
-Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
-
-table {
-	border-color: currentcolor;
-}
-
-/*
-Forms
-=====
-*/
-
-/**
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-	font-family: inherit; /* 1 */
-	font-size: 100%; /* 1 */
-	line-height: 1.15; /* 1 */
-	margin: 0; /* 2 */
-}
-
-/**
-Correct the inability to style clickable types in iOS and Safari.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-	-webkit-appearance: button;
-}
-
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
-
-legend {
-	padding: 0;
-}
-
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-	vertical-align: baseline;
-}
-
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-	height: auto;
-}
-
-/**
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-	-webkit-appearance: textfield; /* 1 */
-	outline-offset: -2px; /* 2 */
-}
-
-/**
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-	-webkit-appearance: none;
-}
-
-/**
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to 'inherit' in Safari.
-*/
-
-::-webkit-file-upload-button {
-	-webkit-appearance: button; /* 1 */
-	font: inherit; /* 2 */
-}
-
-/*
-Interactive
-===========
-*/
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-	display: list-item;
-}

package/src/semantics/_misc.css

@@ -1,3 +0,0 @@
-::selection {
-  background-color: var(--color-text-selection);
-}

package/src/utilities/colors/_background-colors.css

@@ -1,248 +0,0 @@
-.text-bg-primary {
-  --color-text: var(--color-primary-inverse) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: var(--color-text) !important;
-  background-color: rgba(var(--color-primary-rgb), var(--bg-opacity, 1)) !important;
-}
-
-.text-bg-secondary {
-  --color-text: var(--color-secondary-inverse) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: var(--color-text) !important;
-  background-color: rgba(var(--color-secondary-rgb), var(--bg-opacity, 1)) !important;
-}
-
-.text-bg-success {
-  --color-text: var(--color-success-inverse) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: var(--color-text) !important;
-  background-color: rgba(var(--color-success-rgb), var(--bg-opacity, 1)) !important;
-}
-
-.text-bg-info {
-  --color-text: var(--color-info-inverse) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: var(--color-text) !important;
-  background-color: rgba(var(--color-info-rgb), var(--bg-opacity, 1)) !important;
-}
-
-.text-bg-warning {
-  --color-text: var(--color-warning-inverse) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: var(--color-text) !important;
-  background-color: rgba(var(--color-warning-rgb), var(--bg-opacity, 1)) !important;
-}
-
-.text-bg-danger {
-  --color-text: var(--color-danger-inverse) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: var(--color-text) !important;
-  background-color: rgba(var(--color-danger-rgb), var(--bg-opacity, 1)) !important;
-}
-
-.text-bg-contrast {
-  --color-text: var(--color-contrast-inverse) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: var(--color-text) !important;
-  background-color: rgba(var(--color-contrast-rgb), var(--bg-opacity, 1)) !important;
-}
-
-.text-bg-primary-subtle {
-  --color-text: rgb(var(--color-primary-emphasis-rgb)) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: rgb(var(--color-primary-emphasis-rgb)) !important;
-  background-color: var(--color-primary-bg-subtle) !important;
-}
-
-.text-bg-secondary-subtle {
-  --color-text: rgb(var(--color-secondary-emphasis-rgb)) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: rgb(var(--color-secondary-emphasis-rgb)) !important;
-  background-color: var(--color-secondary-bg-subtle) !important;
-}
-
-.text-bg-success-subtle {
-  --color-text: rgb(var(--color-success-emphasis-rgb)) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: rgb(var(--color-success-emphasis-rgb)) !important;
-  background-color: var(--color-success-bg-subtle) !important;
-}
-
-.text-bg-info-subtle {
-  --color-text: rgb(var(--color-info-emphasis-rgb)) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: rgb(var(--color-info-emphasis-rgb)) !important;
-  background-color: var(--color-info-bg-subtle) !important;
-}
-
-.text-bg-warning-subtle {
-  --color-text: rgb(var(--color-warning-emphasis-rgb)) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: rgb(var(--color-warning-emphasis-rgb)) !important;
-  background-color: var(--color-warning-bg-subtle) !important;
-}
-
-.text-bg-danger-subtle {
-  --color-text: rgb(var(--color-danger-emphasis-rgb)) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: rgb(var(--color-danger-emphasis-rgb)) !important;
-  background-color: var(--color-danger-bg-subtle) !important;
-}
-
-.text-bg-contrast-subtle {
-  --color-text: rgb(var(--color-contrast-emphasis-rgb)) !important;
-  --color-heading-base: color-mix(in srgb, var(--color-text), black 18%);
-
-  color: rgb(var(--color-contrast-emphasis-rgb)) !important;
-  background-color: var(--color-contrast-bg-subtle) !important;
-}
-
-.bg-primary {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-primary-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-secondary {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-secondary-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-success {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-success-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-info {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-info-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-warning {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-warning-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-danger {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-danger-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-contrast {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-contrast-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-body {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-body-bg-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-transparent {
-  --bg-opacity: 1;
-
-  background-color: transparent !important;
-}
-
-.bg-body-secondary {
-  --bg-opacity: 1;
-
-  background-color: rgba(var(--color-secondary-bg-rgb), var(--bg-opacity)) !important;
-}
-
-.bg-opacity-10 {
-  --bg-opacity: 0.1;
-}
-
-.bg-opacity-25 {
-  --bg-opacity: 0.25;
-}
-
-.bg-opacity-50 {
-  --bg-opacity: 0.5;
-}
-
-.bg-opacity-75 {
-  --bg-opacity: 0.75;
-}
-
-.bg-opacity-100 {
-  --bg-opacity: 1;
-}
-
-.bg-primary-subtle {
-  background-color: var(--color-primary-bg-subtle) !important;
-}
-
-.bg-secondary-subtle {
-  background-color: var(--color-secondary-bg-subtle) !important;
-}
-
-.bg-success-subtle {
-  background-color: var(--color-success-bg-subtle) !important;
-}
-
-.bg-info-subtle {
-  background-color: var(--color-info-bg-subtle) !important;
-}
-
-.bg-warning-subtle {
-  background-color: var(--color-warning-bg-subtle) !important;
-}
-
-.bg-danger-subtle {
-  background-color: var(--color-danger-bg-subtle) !important;
-}
-
-.bg-contrast-subtle {
-  background-color: var(--color-contrast-bg-subtle) !important;
-}
-
-.bg-gradient {
-  background-image: var(--gradient) !important;
-}
-
-/* Dark mode: headings should be lighter than inverse text (mix in white) */
-@media (prefers-color-scheme: dark) {
-  .text-bg-primary,
-  .text-bg-secondary,
-  .text-bg-success,
-  .text-bg-info,
-  .text-bg-warning,
-  .text-bg-danger,
-  .text-bg-contrast {
-    --color-heading-base: color-mix(in srgb, var(--color-text), white 75%);
-  }
-}
-
-[data-theme="dark"] {
-  .text-bg-primary,
-  .text-bg-secondary,
-  .text-bg-success,
-  .text-bg-info,
-  .text-bg-warning,
-  .text-bg-danger,
-  .text-bg-contrast {
-    --color-heading-base: color-mix(in srgb, var(--color-text), white 75%);
-  }
-}