@rio-cloud/rio-uikit 0.16.2-beta.9 → 0.16.3-beta.1

package/styles/variables.less

@@ -1,186 +0,0 @@
-// RIO cdn
-@cdnBase: "cdn.rio.cloud";
-@fontBase: "fonts";
-
-// Grid
-@grid-columns: 12;
-@grid-gutter-width: 20px;
-@grid-gutter-height: 20px;
-@grid-float-breakpoint: @screen-sm;
-
-// Mapping // must match with the UIKIT demo values
-@import (less) 'mapping/breakpoint-map.less';
-@import (less) 'mapping/color-map.less';
-@import (less) 'mapping/cols-map.less';
-@import (less) 'mapping/numbers-map.less';
-@import (less) 'mapping/positions-map.less';
-@import (less) 'mapping/sizes-map.less';
-@import (less) 'mapping/spacings-map.less';
-
-// Screens
-@import (less) "shared/screens.less";
-
-@screen-xs-min: @screen-xs;
-@screen-xs-max: (@screen-ls - 0.01);
-@screen-ls-min: @screen-ls;
-@screen-ls-max: (@screen-sm - 0.01);
-@screen-sm-min: @screen-sm;
-@screen-sm-max: (@screen-md - 0.01);
-@screen-md-min: @screen-md;
-@screen-md-max: (@screen-lg - 0.01);
-@screen-lg-min: @screen-lg;
-@screen-lg-max: (@screen-xl - 0.01);
-@screen-xl-min: @screen-xl;
-@screen-xl-max: 10000px;
-
-// Container
-@container-ls: @screen-ls - (@grid-gutter-width * 2);
-@container-sm: @screen-sm - (@grid-gutter-width * 2);
-@container-md: @screen-md - (@grid-gutter-width * 2);
-@container-lg: @screen-lg - (@grid-gutter-width * 2);
-@container-xl: @screen-xl - (@grid-gutter-width * 2);
-
-// Container Fluid
-// @container-fluid-xs: px;
-@container-fluid-sm: 980px;
-@container-fluid-md: 1280px;
-@container-fluid-lg: 1440px;
-@container-fluid-xl: 1680px;
-@container-fluid-xxl: 1920px;
-
-// Padding
-@padding-xs-vertical: 1px;
-@padding-xs-horizontal: 5px;
-@padding-sm-vertical: 5px;
-@padding-sm-horizontal: 10px;
-@padding-default-vertical: 6px;
-@padding-default-horizontal: 12px;
-@padding-lg-vertical: 10px;
-@padding-lg-horizontal: 16px;
-
-// Border Radius
-@border-radius-xs: 2px;
-@border-radius-sm: 3px;
-@border-radius-default: 4px;
-@border-radius-lg: 6px;
-@border-radius-xl: 8px;
-@border-radius-round: 1000px;
-
-// Colors
-@import (less) "shared/colors.less";
-
-// Build Warmup and Coldplay Colors?
-@buildColdplayColors: true;
-@buildWarmupColors: true;
-
-// Color - Brand Decent
-@brand-primary-decent: #f4fbfc;
-@brand-secondary-decent: #fbf5f8;
-
-// Color - Status Decent
-@brand-info-decent: #f5f8fb;
-@brand-success-decent: #f6fbf5;
-@brand-warning-decent: #fdf5f0;
-@brand-danger-decent: #fdf3f3;
-
-// Button Sizes
-@btn-size-xs: 22px;
-@btn-size-sm: 30px;
-@btn-size-default: 34px;
-@btn-size-lg: 45px;
-
-// Text
-@import (less) "shared/text.less";
-
-// Text - Sizes
-@font-size-xs: @font-size-12; // only used in buttons and 10px is too small
-@font-size-sm: @font-size-12;
-@font-size-default: @font-size-14;
-@font-size-lg: @font-size-16;
-@font-size-xl: 25px;
-@font-size-xxl: 30px;
-
-// Text - Headlines - Weights
-@headings-font-family: @font-family-base;
-@headings-font-weight: @font-medium;
-@headings-line-height: 1.1;
-@headings-color: inherit;
-
-// Text - Line Heights
-@line-height-xs: 1.5;
-@line-height-sm: 1.5;
-@line-height-default: 1.428571429;
-@line-height-lg: 1.4;
-
-// Text - Font Family
-@font-family-base: 'Source Sans Pro', Helvetica, Arial, sans-serif;
-@font-family-monospace: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
-@font-family-ios: 'SF Text', 'Source Sans Pro', Helvetica, Arial, sans-serif;
-@font-family-android: 'Roboto', 'Source Sans Pro', Helvetica, Arial, sans-serif;
-
-@font-source-sans: true;
-@font-man: false;
-@font-redring: false;
-@font-san-francisco: false;
-@font-roboto: false;
-@font-vw: false;
-@font-scania: false;
-
-// Iconfont
-@icon-font-name: "rioglyph";
-
-// Variables
-@text-color: @gray-darkest;
-@link-color: @brand-primary;
-@link-hover-color: darken(@brand-primary, 10%);
-
-// Media Queries
-@screen-xs-min: @screen-xs;
-@screen-sm-min: @screen-sm;
-@screen-md-min: @screen-md;
-@screen-lg-min: @screen-lg;
-
-// ApplicationLayout
-@ApplicationLayoutBodyPadding: 30px;
-@ApplicationLayoutNotResponsiveWidth: 900px;
-
-@ApplicationLayoutBodyHeight: 100vh; // --vh fallback
-@ApplicationLayoutBodyHeightAndViewportFix: ~'calc(var(--vh, 1vh) * 100)';
-
-@ApplicationLayoutBodyHeightWithoutHeader: ~'calc(100vh - @{ApplicationLayoutHeaderHeight})'; // --vh fallback
-@ApplicationLayoutBodyHeightWithoutHeaderAndViewportFix: ~'calc(var(--vh, 1vh) * 100 - @{ApplicationLayoutHeaderHeight})';
-
-@ApplicationLayoutBodyHeightWithoutFooter: ~'calc(100vh - (var(--ApplicationLayoutBodyBottomBarHeight)))'; // --vh fallback
-@ApplicationLayoutBodyHeightWithoutFooterAndViewportFix: ~'calc(var(--vh, 1vh) * 100 - (var(--ApplicationLayoutBodyBottomBarHeight)))';
-
-@ApplicationLayoutBodyHeightWithoutHeaderWithoutFooter: ~'calc(100vh - (@{ApplicationLayoutHeaderHeight} + var(--ApplicationLayoutBodyBottomBarHeight)))'; // --vh fallback
-@ApplicationLayoutBodyHeightWithoutHeaderWithoutFooterAndViewportFix: ~'calc(var(--vh, 1vh) * 100 - (@{ApplicationLayoutHeaderHeight} + var(--ApplicationLayoutBodyBottomBarHeight)))';
-
-// ApplicationHeader
-@ApplicationLayoutHeaderHeight: 50px;
-@ApplicationLayoutHeaderHeightWithoutBorder: ~'calc(@{ApplicationLayoutHeaderHeight} - 1px)';
-
-@brand-icon-home: url('https://cdn.rio.cloud/svg/common/ico_home.svg');
-@brand-icon-rio: url('https://cdn.rio.cloud/svg/common/ico_rio_colored.svg');
-@brand-icon-size: 50px;
-
-@ApplicationLayoutHeaderHeighticon-height: @ApplicationLayoutHeaderHeight;
-@ApplicationLayoutHeaderHeightpadding-horizontal: @grid-gutter-width;
-
-// ApplicationLayoutBody
-@ApplicationLayoutBodyNavigationHeight: 50px;
-
-// ApplicationFooter
-@footer-height: var(--ApplicationLayoutBodyBottomBarHeight);
-
-// Z-index
-@zindex-tooltip: 1060;
-@zindex-modal: 1050;
-@zindex-modal-background: 1040;
-@zindex-popover: 1010;
-@zindex-navbar: 1000;
-@zindex-dropdown: 1000;
-@zindex-sidebar: 990;
-@zindex-tooltip-onboarding: 990;
-@zindex-map-marker-hover: 801;
-@zindex-map-marker-active: 800;