claritas-web-framework 6.4.26 → 7.0.0

package/styles/reboot.css

@@ -1,403 +0,0 @@
-*,
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  scroll-behavior: smooth;
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: var(--transparent);
-}
-
-article,
-aside,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section {
-  display: block;
-}
-
-body {
-  margin: 0;
-  font-family: var(--font-family-base);
-  font-size: var(--font-size-base);
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  color: var(--body-color);
-  background-color: var(--body-background);
-  font-variant-numeric: tabular-nums;
-  font-variant-ligatures: no-common-ligatures;
-}
-
-.clearfix::after {
-  display: block;
-  clear: both;
-  content: "";
-}
-
-[tabindex="-1"]:focus {
-  outline: 0 !important;
-}
-
-::selection {
-  background-color: var(--primary);
-  text-shadow: none !important;
-  color: var(--white) !important;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: var(--spacer);
-}
-
-abbr[data-original-title],
-abbr[title] {
-  text-decoration: underline dotted;
-  cursor: help;
-  border-bottom: 0;
-}
-
-address {
-  margin-bottom: var(--spacer);
-  font-style: normal;
-  line-height: inherit;
-}
-
-dl,
-ol,
-ul {
-  margin-top: 0;
-  margin-bottom: var(--spacer);
-}
-
-ol ol,
-ol ul,
-ul ol,
-ul ul {
-  margin-bottom: 0;
-}
-
-dt {
-  font-weight: 700;
-}
-
-dd {
-  margin-left: 0;
-  margin-bottom: calc(var(--spacer) * 0.5);
-}
-
-blockquote {
-  margin: 0 0 var(--spacer);
-}
-
-b,
-strong {
-  font-weight: 700;
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: var(--font-size-small);
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: calc(var(--spacer) * -0.25);
-}
-
-sup {
-  top: calc(var(--spacer) * -0.5);
-}
-
-a {
-  cursor: pointer;
-  text-decoration: none;
-  color: var(--link-color);
-
-  &:hover {
-    text-decoration: underline;
-    color: color-mod(var(--link-color) shade(15%));
-  }
-
-  &:not([href]):not([tabindex]) {
-    text-decoration: none;
-
-    &:focus,
-    &:hover {
-      text-decoration: none;
-      outline: 0;
-    }
-  }
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-family: var(--font-family-monospace);
-  font-size: var(--font-size-base);
-}
-
-pre {
-  margin-top: 0;
-  margin-bottom: var(--spacer);
-  overflow: auto;
-}
-
-figure {
-  margin: 0 0 var(--spacer);
-}
-
-img {
-  vertical-align: middle;
-  border-style: none;
-}
-
-svg {
-  overflow: hidden;
-  vertical-align: middle;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-caption {
-  padding-top: calc(var(--spacer) * 0.75);
-  padding-bottom: calc(var(--spacer) * 0.75);
-  text-align: left;
-  caption-side: bottom;
-}
-
-td,
-th {
-  background-clip: padding-box;
-}
-
-th {
-  text-align: inherit;
-}
-
-label {
-  display: inline-block;
-}
-
-button {
-  border-radius: 0;
-
-  &:focus {
-    outline: 0 none;
-  }
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-select {
-  word-wrap: normal;
-}
-
-[type="button"],
-[type="reset"],
-[type="submit"],
-button {
-  appearance: button;
-}
-
-[type="button"]:not(:disabled),
-[type="reset"]:not(:disabled),
-[type="submit"]:not(:disabled),
-button:not(:disabled) {
-  cursor: pointer;
-}
-
-input[type="radio"],
-input[type="checkbox"] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
-  appearance: listbox;
-  padding-inline-start: calc(0.375em - 1px);
-}
-
-textarea {
-  overflow: auto;
-  resize: vertical;
-  height: auto;
-}
-
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-
-legend {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  padding: 0;
-  margin-bottom: calc(var(--spacer) * 0.5);
-  font-size: var(--font-size-1);
-  line-height: inherit;
-  color: inherit;
-  white-space: normal;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-::-webkit-file-upload-button {
-  font: inherit;
-  appearance: button;
-}
-
-output {
-  display: inline-block;
-}
-
-summary {
-  display: list-item;
-  cursor: pointer;
-}
-
-template {
-  display: none;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-  margin-top: 0;
-  margin-bottom: calc(var(--spacer) * 0.5);
-  font-weight: var(--header-weight);
-  line-height: 1.5;
-
-  & small {
-    font-weight: normal;
-  }
-}
-
-h1,
-.h1 {
-  font-size: var(--font-size-1);
-}
-
-h2,
-.h2 {
-  font-size: var(--font-size-2);
-}
-
-h3,
-.h3 {
-  font-size: var(--font-size-3);
-}
-
-h4,
-.h4 {
-  font-size: var(--font-size-4);
-}
-
-h5,
-.h5 {
-  font-size: var(--font-size-5);
-}
-
-h6,
-.h6 {
-  font-size: var(--font-size-6);
-}
-
-hr,
-.hr {
-  box-sizing: content-box;
-  height: 0;
-  width: 100%;
-  overflow: visible;
-  margin-top: var(--spacer);
-  margin-bottom: var(--spacer);
-  border: 0;
-  border-top: 1px solid var(--black-transparent-12);
-}
-
-small {
-  font-size: var(--font-size-small);
-}
-
-mark {
-  padding: calc(var(--spacer) * 0.2);
-  background-color: color-mod(var(--warning) a(75%));
-}
-
-button,
-input,
-select,
-textarea {
-  align-items: center;
-  border: 1px solid var(--transparent);
-  border-radius: var(--border-radius);
-  box-shadow: none;
-  display: inline-flex;
-  font-size: var(--font-size-base);
-  justify-content: flex-start;
-  line-height: 1.5;
-  padding: calc(0.375em - 1px) calc(0.625em - 1px);
-  position: relative;
-  vertical-align: top;
-  background-color: var(--transparent);
-}

package/styles/utilities/align.css

@@ -1,5 +0,0 @@
-@each $name in (baseline, top, middle, bottom, text-bottom, text-top) {
-  .valign--$(name) {
-    vertical-align: $name !important;
-  }
-}

package/styles/utilities/border.css

@@ -1,63 +0,0 @@
-.border {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--black-transparent-20);
-}
-
-.border--top,
-.border-top {
-  border-top-width: 1px;
-  border-top-style: solid;
-  border-top-color: var(--black-transparent-20);
-}
-
-.border--right,
-.border-right {
-  border-right-width: 1px;
-  border-right-style: solid;
-  border-right-color: var(--black-transparent-20);
-}
-
-.border--bottom,
-.border-bottom {
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  border-bottom-color: var(--black-transparent-20);
-}
-
-.border--left,
-.border-left {
-  border-left-width: 1px;
-  border-left-style: solid;
-  border-left-color: var(--black-transparent-20);
-}
-
-.border--none {
-  border: 0 !important;
-}
-
-.border--top-none,
-.border-top--none {
-  border-top: 0 !important;
-}
-
-.border--right-none,
-.border-right--none {
-  border-right: 0 !important;
-}
-
-.border--bottom-none,
-.border-bottom--none {
-  border-bottom: 0 !important;
-}
-
-.border--left-none,
-.border-left--none {
-  border-left: 0 !important;
-}
-
-@each $name in (none, small, medium, large, round) {
-  .border-radius--$(name) {
-    border-radius: var(--border-radius-#{$name}) !important;
-  }
-}

package/styles/utilities/colors.css

@@ -1,65 +0,0 @@
-@each $name
-  in (
-    white,
-    black,
-    light,
-    medium,
-    dark,
-    transparent,
-    primary,
-    primary-light,
-    primary-dark,
-    secondary,
-    secondary-light,
-    secondary-dark,
-    info,
-    info-light,
-    info-dark,
-    success,
-    success-light,
-    success-dark,
-    warning,
-    warning-light,
-    warning-dark,
-    danger,
-    danger-light,
-    danger-dark,
-    gray-1,
-    gray-2,
-    gray-3,
-    gray-4,
-    gray-5,
-    gray-6,
-    gray-7,
-    gray-8,
-    gray-9
-  )
-{
-  .color--$(name) {
-    color: var(--#{$name}) !important;
-
-    & a:not(.button) {
-      color: var(--#{$name}) !important;
-
-      &:hover {
-        color: color-mod(var(--#{$name}) shade(20%)) !important;
-      }
-    }
-  }
-
-  a.color--$(name):not(.button) {
-    color: var(--#{$name}) !important;
-
-    &:hover {
-      color: color-mod(var(--#{$name}) shade(20%)) !important;
-    }
-  }
-
-  .background--$(name) {
-    background-color: var(--#{$name}) !important;
-  }
-
-  .border--$(name) {
-    border-color: var(--#{$name}) !important;
-  }
-}

package/styles/utilities/display.css

@@ -1,45 +0,0 @@
-@each $name
-  in (
-    initial,
-    none,
-    inline,
-    inline-block,
-    block,
-    table-row,
-    table-cell,
-    flex,
-    inline-flex
-  )
-{
-  .display--$(name) {
-    display: $name !important;
-  }
-
-  @media print {
-    .display--print-$(name) {
-      display: $name !important;
-    }
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name
-    in (
-      initial,
-      none,
-      inline,
-      inline-block,
-      block,
-      table-row,
-      table-cell,
-      flex,
-      inline-flex
-    )
-  {
-    @media (--viewport-$(view)) {
-      .display--$(view)-$(name) {
-        display: $name !important;
-      }
-    }
-  }
-}

package/styles/utilities/flex.css

@@ -1,131 +0,0 @@
-@each $name in (row, column, row-reverse, column-reverse) {
-  .flex-direction--$(name) {
-    flex-direction: $name !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name in (row, column, row-reverse, column-reverse) {
-    @media (--viewport-$(view)) {
-      .flex-direction--$(view)-$(name) {
-        flex-direction: $name !important;
-      }
-    }
-  }
-}
-
-@each $name in (wrap, nowrap, wrap-reverse) {
-  .flex-wrap--$(name) {
-    flex-wrap: $name !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name in (wrap, nowrap, wrap-reverse) {
-    @media (--viewport-$(view)) {
-      .flex-wrap--$(view)-$(name) {
-        flex-wrap: $name !important;
-      }
-    }
-  }
-}
-
-@for $i from 0 through 1 {
-  .flex-grow--$(i) {
-    flex-grow: $i !important;
-  }
-
-  .flex-shrink--$(i) {
-    flex-shrink: $i !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @for $i from 0 through 1 {
-    @media (--viewport-$(view)) {
-      .flex-grow--$(view)-$(i) {
-        flex-grow: $i !important;
-      }
-
-      .flex-shrink--$(view)-$(i) {
-        flex-shrink: $i !important;
-      }
-    }
-  }
-}
-
-@each $name
-  in (flex-start, flex-end, center, space-between, space-around, space-evenly)
-{
-  .justify-content--$(name) {
-    justify-content: $name !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name
-    in (flex-start, flex-end, center, space-between, space-around, space-evenly)
-  {
-    @media (--viewport-$(view)) {
-      .justify-content--$(view)-$(name) {
-        justify-content: $name !important;
-      }
-    }
-  }
-}
-
-@each $name in (auto, flex-start, flex-end, center, baseline, stretch) {
-  .align-items--$(name) {
-    align-items: $name !important;
-  }
-
-  .align-self--$(name) {
-    align-self: $name !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name in (auto, flex-start, flex-end, center, baseline, stretch) {
-    @media (--viewport-$(view)) {
-      .align-items--$(view)-$(name) {
-        align-items: $name !important;
-      }
-
-      .align-self--$(view)-$(name) {
-        align-self: $name !important;
-      }
-    }
-  }
-}
-
-@each $name
-  in (flex-start, flex-end, center, space-between, space-around, stretch)
-{
-  .align-content--$(name) {
-    align-content: $name !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name
-    in (flex-start, flex-end, center, space-between, space-around, stretch)
-  {
-    @media (--viewport-$(view)) {
-      .align-content--$(view)-$(name) {
-        align-content: $name !important;
-      }
-    }
-  }
-}
-
-.flex--fill {
-  flex: 1 1 auto !important;
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @media (--viewport-$(view)) {
-    .flex--$(view)-fill {
-      flex: 1 1 auto !important;
-    }
-  }
-}

package/styles/utilities/float.css

@@ -1,15 +0,0 @@
-@each $name in (left, right, none) {
-  .float--$(name) {
-    float: $name !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name in (left, right, none) {
-    @media (--viewport-$(view)) {
-      .float--$(view)-$(name) {
-        float: $name !important;
-      }
-    }
-  }
-}