@flywheel-io/vision 0.16.0 → 1.0.0

package/scss/material/overrides.scss

@@ -1,371 +0,0 @@
-@use '../config/colors';
-
-/* Dialogs */
-
-/**
- * Add this to Component decorator options:
- *   host: {
- *     class: 'mat-dialog-component'
- *   }
- */
-.mat-dialog-component {
-  display: block;
-  position: relative;
-}
-
-/**
- * Add these modifiers to the MatDialog.open invocation:
- *  open(DialogComponent, {
- *   panelClass: 'border-radius-0 padding-0'
- *  })
- */
-.cdk-overlay-pane {
-  &.padding-0 mat-dialog-container {
-    padding: 0;
-  }
-
-  &.border-radius-0 mat-dialog-container {
-    border-radius: 0;
-  }
-}
-
-.mat-dialog-title {
-  font-weight: 500 !important;
-}
-
-.mat-dialog-close-button {
-  color: colors.$medium-grey;
-  position: absolute !important;
-  right: -4px;
-  top: -4px;
-
-  &.no-title {
-    right: -10px;
-    top: -10px;
-  }
-}
-
-[mat-dialog-close][mat-icon-button] {
-  @extend .mat-dialog-close-button;
-}
-
-mat-dialog-content, [mat-dialog-content] {
-  @mixin fill-styles {
-    width: calc(100% + 48px) !important;
-    padding: 0 !important;
-  }
-
-  &.fill {
-    @include fill-styles;
-
-    margin: 0 -24px -24px !important;
-  }
-
-  &.fill-width {
-    @include fill-styles;
-
-    margin: 0 -24px !important;
-  }
-}
-
-/* CDK Layers */
-.cdk-overlay-container {
-  z-index: 1100;
-}
-
-.cdk-overlay-pane {
-  max-width: 98vw;
-}
-
-/* Buttons */
-.mat-button-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* Form Controls */
-.form-block-fields .mat-form-field {
-  display: block !important;
-}
-
-.mat-form-field-wrapper {
-  margin: 0;
-}
-
-.mat-form-field.full-width,
-.full-width > .mat-form-field {
-  width: 100%;
-}
-
-.mat-form-field.solid-background > .mat-form-field-wrapper,
-.solid-background > .mat-form-field > .mat-form-field-wrapper {
-  background-color: white;
-  border-radius: 4px;
-}
-
-.mat-form-field.disabled > .mat-form-field-wrapper,
-.disabled > .mat-form-field > .mat-form-field-wrapper {
-  background-color: colors.$light-grey;
-
-  mat-icon {
-    cursor: default;
-  }
-}
-
-.mat-form-field.nowrap-subscript .mat-form-field-subscript-wrapper {
-  overflow: visible;
-  white-space: nowrap;
-}
-
-.mat-form-field-appearance-outline {
-  .mat-form-field-wrapper {
-    margin: 0;
-    padding: 0 !important;
-
-    .mat-form-field-infix {
-      border-top: 2px solid transparent;
-      padding: 8px 0 6px;
-    }
-
-    .mat-select-arrow-wrapper {
-      transform: none;
-    }
-
-    .mat-error, .mat-hint {
-      margin-top: 15px;
-    }
-  }
-
-  .mat-form-field-suffix {
-    top: 0.3em !important;
-    margin-right: -0.75em !important;
-
-    button {
-      height: 2em !important;
-      width: 2em !important;
-    }
-  }
-}
-
-.form-full-width .mat-form-field {
-  width: 100%;
-
-  .mat-form-field-infix {
-    width: 100%;
-  }
-
-  .mat-input-element {
-    min-width: auto;
-  }
-}
-
-.initial-text .mat-form-field-label-wrapper {
-  text-transform: initial;
-}
-
-/* Input */
-.mat-input-element {
-  min-height: 16px;
-  min-width: 120px;
-}
-
-/* Select */
-.mat-select {
-  display: flex !important;
-  min-height: 16px;
-
-  .mat-select-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-    min-height: 16px;
-
-    .mat-select-value {
-      max-width: 200px;
-    }
-  }
-
-  .mat-select-arrow-wrapper {
-    transform: translateY(-10%) !important;
-  }
-}
-
-.mat-option {
-  .mat-pseudo-checkbox::after {
-    top: 2px;
-    left: 1px;
-    width: 8px;
-    height: 3px;
-  }
-}
-
-.mat-select.muted {
-  .mat-select-arrow {
-    color: colors.$soft-blue-border;
-  }
-}
-
-aside.search-state {
-  .mat-form-field {
-    width: 100%;
-  }
-
-  .mat-form-field-wrapper {
-    height: 31px;
-  }
-
-  .mat-form-field-outline {
-    display: none;
-  }
-
-  .mat-form-field-appearance-outline .mat-form-field-flex {
-    margin-top: 0;
-  }
-}
-
-/* Radio */
-mat-radio-button .mat-radio-label {
-  margin-bottom: 0; // set by Bootstrap
-}
-
-/* DatePicker */
-mat-datepicker-toggle.mat-datepicker-toggle {
-  &.xs button {
-    height: 24px;
-    width: 24px;
-  }
-}
-
-/* Tables */
-table.mat-table {
-  [mat-sort-header].cdk-keyboard-focused,
-  [mat-sort-header].cdk-program-focused {
-    .mat-sort-header-container {
-      border-bottom: none !important;
-    }
-  }
-}
-
-mat-header-cell.full-width > .mat-sort-header-container {
-  width: 100%;
-
-  > .mat-sort-header-content {
-    width: calc(100% - 30px); // minus sort icon
-  }
-}
-
-.fw-table {
-  .mat-sort-header-button {
-    text-transform: uppercase;
-  }
-
-  tr {
-    &.disabled td {
-      color: colors.$medium-dark-grey;
-    }
-
-    th.mat-header-cell.text-right {
-      text-align: right;
-    }
-  }
-}
-
-/* Alerts */
-mat-error {
-  color: colors.$red;
-}
-
-mat-success {
-  color: colors.$green;
-}
-
-/* Dialog */
-.mat-dialog {
-  &-title {
-    font-weight: 300;
-  }
-}
-
-/* Checkbox */
-.mat-checkbox {
-  label {
-    margin-bottom: 0; // Bootstrap sets a margin on all labels
-  }
-}
-
-/* Tooltips */
-/* For use as `matTooltipClass="tooltip-multiline"` */
-.tooltip-multiline {
-  white-space: pre-line;
-}
-
-.tooltip-preformatted {
-  white-space: pre !important;
-}
-
-.tooltip-stretch {
-  max-width: none !important;
-}
-
-.mat-tooltip {
-  font-size: 12px !important;
-  padding: 5px 10px !important;
-  white-space: pre-line;
-}
-
-/* Tabs */
-.tabs-compact {
-  .mat-tab-label {
-    flex-grow: 1;
-    font-size: 12px;
-    height: 38px !important;
-    min-width: 0 !important;
-    padding: 0 10px !important;
-  }
-}
-
-.tabs-white {
-  .mat-tab-list {
-    background-color: white;
-  }
-}
-
-mat-tab-group {
-  height: 100%;
-}
-
-div.mat-tab-body-wrapper {
-  height: 100%;
-}
-
-/* Floating Action Button */
-.extended-fab-button[mat-fab] {
-  width: unset;
-  padding: 0 26px;
-  border-radius: 29px;
-
-  .mat-icon {
-    margin-right: 10px;
-  }
-
-  .extended-fab-button__text {
-    font-weight: 300;
-    letter-spacing: .1em;
-    text-transform: uppercase;
-  }
-
-  &.fab-absolute {
-    position: fixed;
-    bottom: 3rem;
-    right: 3rem;
-  }
-}
-
-/* Slide Toggle */
-mat-slide-toggle.mat-slide-toggle {
-  .mat-slide-toggle-ripple {
-    display: none;
-  }
-}

package/scss/vendor/reset.scss

@@ -1,53 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-}
-
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
-}
-
-body {
-  line-height: 1;
-}
-
-ol, ul {
-  list-style: none;
-}
-
-blockquote, q {
-  quotes: none;
-}
-
-blockquote::before, blockquote::after,
-q::before, q::after {
-  content: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}