@yoobic/yobi 8.3.0-38 → 8.3.0-41

package/dist/collection/components/form/form-todo-list/form-todo-list.css

@@ -1,504 +0,0 @@
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* https://web-design-weekly.com/2013/05/12/handy-sass-mixins/ */
-/* Single side border-radius */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-:host yoo-form-input {
-  width: 100%;
-}
-:host .list-title {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  margin-bottom: var(--spacing-08, 0.5rem);
-}
-:host .list-title .title {
-  flex: 1;
-}
-:host .progress {
-  margin-bottom: var(--spacing-16, 1rem);
-}
-:host .allDone {
-  margin-bottom: var(--spacing-08, 0.5rem);
-}
-:host .actions {
-  display: flex;
-}
-:host .actions.all {
-  justify-content: space-between;
-  margin-top: var(--spacing-08, 0.5rem);
-  margin-bottom: var(--spacing-16, 1rem);
-}
-:host .actions.primary {
-  flex-grow: 0;
-}
-:host .actions yoo-button.add.with-margin {
-  margin-top: var(--spacing-08, 0.5rem);
-}
-:host .actions.spaced-btn-left yoo-button {
-  margin-left: var(--spacing-08, 0.5rem);
-}
-:host .actions.spaced-btn-right yoo-button {
-  margin-right: var(--spacing-08, 0.5rem);
-}
-:host yoo-ion-item-sliding yoo-ion-item {
-  width: 100%;
-  color: var(--dark, #000000);
-}
-:host yoo-ion-item-sliding yoo-ion-item yoo-form-todo-list-task {
-  width: 100%;
-  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);
-}
-:host yoo-ion-item-sliding yoo-ion-item yoo-form-todo-list-task:not(.isFirstItem) {
-  padding-top: var(--spacing-08, 0.5rem);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container {
-  display: flex;
-  margin-bottom: 0.0625rem;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent {
-  background-color: var(--accent, #276ef1) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--accent, #276ef1);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent {
-  color: var(--accent, #276ef1);
-  fill: var(--accent, #276ef1);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color {
-  background-color: var(--app-color, #5a30f4) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--app-color, #5a30f4);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color {
-  color: var(--app-color, #5a30f4);
-  fill: var(--app-color, #5a30f4);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger {
-  background-color: var(--danger, #d44333) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--danger, #d44333);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger {
-  color: var(--danger, #d44333);
-  fill: var(--danger, #d44333);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark {
-  background-color: var(--dark, #000000) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--dark, #000000);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark {
-  color: var(--dark, #000000);
-  fill: var(--dark, #000000);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized {
-  background-color: var(--energized, #ffc043) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--energized, #ffc043);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized {
-  color: var(--energized, #ffc043);
-  fill: var(--energized, #ffc043);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info {
-  background-color: var(--info, #d84c96) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--info, #d84c96);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info {
-  color: var(--info, #d84c96);
-  fill: var(--info, #d84c96);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light {
-  background-color: var(--light, #ffffff) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light {
-  color: var(--light, #ffffff);
-  fill: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable {
-  background-color: var(--stable, #adadad) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--stable, #adadad);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable {
-  color: var(--stable, #adadad);
-  fill: var(--stable, #adadad);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt {
-  background-color: var(--stable-alt, #d0d0d0) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--stable-alt, #d0d0d0);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt {
-  color: var(--stable-alt, #d0d0d0);
-  fill: var(--stable-alt, #d0d0d0);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light {
-  background-color: var(--stable-light, #f1f1f1) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--stable-light, #f1f1f1);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light {
-  color: var(--stable-light, #f1f1f1);
-  fill: var(--stable-light, #f1f1f1);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight {
-  background-color: var(--stable-ultralight, #fafafa) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--stable-ultralight, #fafafa);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight {
-  color: var(--stable-ultralight, #fafafa);
-  fill: var(--stable-ultralight, #fafafa);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success {
-  background-color: var(--success, #3aa76d) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--success, #3aa76d);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success {
-  color: var(--success, #3aa76d);
-  fill: var(--success, #3aa76d);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color {
-  background-color: var(--text-color, #807f83) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--text-color, #807f83);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color {
-  color: var(--text-color, #807f83);
-  fill: var(--text-color, #807f83);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning {
-  background-color: var(--warning, #ed6e33) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--warning, #ed6e33);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning {
-  color: var(--warning, #ed6e33);
-  fill: var(--warning, #ed6e33);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood {
-  background-color: var(--wood, #99644c) !important;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover {
-  color: var(--text-color, #807f83);
-  background-color: var(--light, #ffffff);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover:hover {
-  color: var(--light, #ffffff);
-  background-color: var(--wood, #99644c);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood {
-  color: var(--wood, #99644c);
-  fill: var(--wood, #99644c);
-}
-:host yoo-ion-item-sliding yoo-ion-item-options button {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  max-height: var(--spacing-56, 3.5rem);
-  margin: 0;
-  padding: var(--spacing-08, 0.5rem);
-  border: none;
-  visibility: hidden;
-}
-:host yoo-ion-item-sliding yoo-ion-item-options button .text-action {
-  margin-top: var(--spacing-08, 0.5rem);
-  font-size: var(--font-size-14, 0.875rem);
-  font-family: var(--font-family, "Lato");
-}
-:host yoo-ion-item-sliding yoo-ion-item-options button yoo-icon {
-  width: var(--spacing-56, 3.5rem);
-  font-size: var(--font-size-18, 1.125rem);
-}
-:host yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button {
-  visibility: visible;
-}