@coreui/coreui 4.1.4 → 4.2.0

package/dist/css/coreui-reboot.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.4
+ * @version v4.2.0
  * @link https://coreui.io/
- * Copyright (c) 2021 creativeLabs Łukasz Holeczek
+ * Copyright (c) 2022 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)
  */
 :root {
@@ -17,6 +17,7 @@
   --cui-green: #198754;
   --cui-teal: #20c997;
   --cui-cyan: #0dcaf0;
+  --cui-black: #000015;
   --cui-white: #fff;
   --cui-gray: #8a93a2;
   --cui-gray-dark: #636f83;
@@ -49,7 +50,7 @@
   --cui-black-rgb: 0, 0, 21;
   --cui-body-color-rgb: 44, 56, 74;
   --cui-body-bg-rgb: 255, 255, 255;
-  --cui-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --cui-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --cui-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --cui-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --cui-body-font-family: var(--cui-font-sans-serif);
@@ -58,6 +59,21 @@
   --cui-body-line-height: 1.5;
   --cui-body-color: rgba(44, 56, 74, 0.95);
   --cui-body-bg: #fff;
+  --cui-border-width: 1px;
+  --cui-border-style: solid;
+  --cui-border-color: #d8dbe0;
+  --cui-border-color-translucent: rgba(0, 0, 21, 0.175);
+  --cui-border-radius: 0.375rem;
+  --cui-border-radius-sm: 0.25rem;
+  --cui-border-radius-lg: 0.5rem;
+  --cui-border-radius-xl: 1rem;
+  --cui-border-radius-2xl: 2rem;
+  --cui-border-radius-pill: 50rem;
+  --cui-heading-color: unset;
+  --cui-link-color: #321fdb;
+  --cui-link-hover-color: #2819af;
+  --cui-code-color: #d63384;
+  --cui-highlight-bg: #fff3cd;
 }
 
 *,
@@ -87,25 +103,9 @@ body {
 
 hr {
   margin: 1rem 0;
-  color: var(--cui-hr-color, inherit);
-  background-color: currentColor;
-  border: 0;
-  opacity: 0.25;
-}
-
-hr:not([size]) {
-  height: 1px;
-}
-
-.vr {
-  display: flex;
-  flex: 0 0 1px;
-  width: 1px;
-  padding: 0 !important;
-  margin: 0;
-  color: var(--cui-vr-color, inherit);
-  background-color: currentColor;
+  color: inherit;
   border: 0;
+  border-top: 1px solid;
   opacity: 0.25;
 }
 
@@ -114,7 +114,7 @@ h6, h5, h4, h3, h2, h1 {
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
-  color: var(--cui-headings-color, unset);
+  color: var(--cui-heading-color);
 }
 
 h1 {
@@ -166,8 +166,7 @@ p {
   margin-bottom: 1rem;
 }
 
-abbr[title],
-abbr[data-coreui-original-title] {
+abbr[title] {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
@@ -218,8 +217,8 @@ small {
 }
 
 mark {
-  padding: 0.2em;
-  background-color: var(--cui-mark-bg, #fcf8e3);
+  padding: 0.1875em;
+  background-color: var(--cui-highlight-bg);
 }
 
 sub,
@@ -239,11 +238,11 @@ sup {
 }
 
 a {
-  color: var(--cui-link-color, #321fdb);
+  color: var(--cui-link-color);
   text-decoration: underline;
 }
 a:hover {
-  color: var(--cui-link-hover-color, #2819af);
+  color: var(--cui-link-hover-color);
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -257,8 +256,6 @@ kbd,
 samp {
   font-family: var(--cui-font-monospace);
   font-size: 1em;
-  direction: ltr /* rtl:ignore */;
-  unicode-bidi: bidi-override;
 }
 
 pre {
@@ -277,7 +274,7 @@ pre code {
 
 code {
   font-size: 0.875em;
-  color: var(--cui-code-color, #d63384);
+  color: var(--cui-code-color);
   word-wrap: break-word;
 }
 a > code {
@@ -285,16 +282,15 @@ a > code {
 }
 
 kbd {
-  padding: 0.2rem 0.4rem;
+  padding: 0.1875rem 0.375rem;
   font-size: 0.875em;
-  color: var(--cui-kbd-color, rgba(255, 255, 255, 0.87));
-  background-color: var(--cui-kbd-bg, #4f5d73);
-  border-radius: 0.2rem;
+  color: var(--cui-kbd-color, var(--cui-body-bg));
+  background-color: var(--cui-kbd-bg, var(--cui-body-color));
+  border-radius: 0.25rem;
 }
 kbd kbd {
   padding: 0;
   font-size: 1em;
-  font-weight: 700;
 }
 
 figure {
@@ -374,8 +370,8 @@ select:disabled {
   opacity: 1;
 }
 
-[list]::-webkit-calendar-picker-indicator {
-  display: none;
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
 }
 
 button,
@@ -460,14 +456,11 @@ legend + * {
 
 ::-webkit-file-upload-button {
   font: inherit;
+  -webkit-appearance: button;
 }
 
 ::file-selector-button {
   font: inherit;
-}
-
-::-webkit-file-upload-button {
-  font: inherit;
   -webkit-appearance: button;
 }