@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/collection/components/form/form-shopping/form-shopping.css

@@ -1,337 +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 */
-svg:not(:root) {
-  overflow: hidden;
-}
-
-:host .readonly {
-  padding: 0.5rem 0.5rem 0 0;
-}
-:host .outer-container .selected,
-:host .readonly .selected {
-  background-color: var(--light, #ffffff);
-}
-:host .outer-container .products .top-info,
-:host .readonly .products .top-info {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 3rem;
-}
-:host .outer-container .products .top-info yoo-icon,
-:host .readonly .products .top-info yoo-icon {
-  padding-right: var(--spacing-04, 0.25rem);
-}
-:host .outer-container .products .bottom-info,
-:host .readonly .products .bottom-info {
-  margin-top: 2rem;
-  color: var(--stable, #adadad);
-  font-size: var(--font-size-14, 0.875rem);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-:host .outer-container .products > .title,
-:host .readonly .products > .title {
-  display: flex;
-  flex-direction: row;
-  margin-top: 0.5rem;
-  color: var(--dark, #000000);
-  font-weight: var(--font-weight-400, 400);
-  font-size: var(--font-size-16, 1rem);
-  line-height: 1.5;
-  text-align: left;
-  text-transform: uppercase;
-}
-:host .outer-container .products .subtitle,
-:host .readonly .products .subtitle {
-  margin-top: 0.125rem;
-  color: var(--text-color, #807f83);
-  font-size: var(--font-size-12, 0.75rem);
-}
-:host .outer-container .products .remove,
-:host .readonly .products .remove {
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-content: center;
-  min-width: 40px;
-  text-align: center;
-}
-:host .outer-container .products .entity,
-:host .readonly .products .entity {
-  display: flex;
-  flex-direction: row;
-  padding: 1rem 0;
-}
-:host .outer-container .products .toolbar,
-:host .readonly .products .toolbar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 0.5rem;
-  font-size: var(--font-size-16, 1rem);
-  border-top: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
-  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
-}
-:host .outer-container .products .toolbar.history,
-:host .readonly .products .toolbar.history {
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host .outer-container .products .toolbar .title,
-:host .readonly .products .toolbar .title {
-  flex: 1;
-  padding: 3px 0.5rem 3px 0;
-  color: var(--dark, #000000);
-  font-size: var(--font-size-12, 0.75rem);
-}
-:host .outer-container .products .toolbar .title.text,
-:host .readonly .products .toolbar .title.text {
-  color: var(--text-color, #807f83);
-}
-:host .outer-container .products .toolbar .title.align-right,
-:host .readonly .products .toolbar .title.align-right {
-  text-align: right;
-}
-:host .outer-container .products .toolbar .price,
-:host .readonly .products .toolbar .price {
-  flex: 1;
-  padding-left: 0.5rem;
-  color: var(--dark, #000000);
-  white-space: nowrap;
-  text-align: right;
-}
-:host .outer-container .products .footer,
-:host .readonly .products .footer {
-  display: flex;
-  flex-direction: row;
-  padding: 0.5rem;
-  padding-top: 1rem;
-  padding-bottom: 0.5rem;
-  color: var(--dark, #000000);
-  font-weight: var(--font-weight-900, 900);
-}
-:host .outer-container .products .footer .title,
-:host .readonly .products .footer .title {
-  flex: 1;
-  text-transform: uppercase;
-}
-:host .outer-container .products .footer .price,
-:host .readonly .products .footer .price {
-  text-align: right;
-}
-
-:host(.grid-cell) .readonly {
-  padding: 0;
-}
-:host(.grid-cell) .readonly .title {
-  display: none;
-}
-:host(.grid-cell) .readonly .products .subtitle {
-  margin-top: 0;
-}
-:host(.grid-cell) .readonly .footer {
-  padding: 0;
-  font-weight: var(--font-weight-400, 400);
-}