@megafon/ui-core 6.0.0-beta.3 → 6.0.0

package/dist/lib/styles/base.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}

package/styles/base.scss

@@ -1,150 +0,0 @@
-// BREAKPOINTS
-$mobileExtraSmallEnd: 359px;
-$mobileSmallEnd: 479px;
-$mobileMiddleStart: 480px;
-$mobileMiddleEnd: 767px;
-$mobileBigStart: 768px;
-$mobileBigEnd: 1023px;
-$desktopSmallStart: 1024px;
-$desktopSmallEnd: 1279px;
-$desktopMiddleStart: 1280px;
-$desktopMiddleEnd: 1439px;
-$desktopBigStart: 1440px;
-$desktopBigEnd: 1599px;
-
-$mobileXS: 'screen and (max-width: #{$mobileExtraSmallEnd})'; // ∞ - 359
-$mobile: 'screen and (max-width: #{$mobileBigEnd})'; // ∞ - 1023
-$mobileS: 'screen and (max-width: #{$mobileSmallEnd})'; // ∞ - 479
-$mobileM: 'screen and (min-width: #{$mobileMiddleStart}) and (max-width: #{$mobileMiddleEnd})'; // 480 - 767
-$mobileB: 'screen and (min-width: #{$mobileBigStart}) and (max-width: #{$mobileBigEnd})'; // 768 - 1023
-$mobileSM: 'screen and (max-width: #{$mobileMiddleEnd})'; // ∞ - 767
-$mobileMB: 'screen and (min-width: #{$mobileMiddleStart}) and (max-width: #{$mobileBigEnd})'; // 480 - 1023
-$mobileMU: 'screen and (min-width: #{$mobileMiddleStart})'; // 480 - ∞
-$mobileBU: 'screen and (min-width: #{$mobileBigStart})'; // 768 - ∞
-$desktop: 'screen and (min-width: #{$desktopSmallStart})'; // 1024 - ∞
-$desktopS: 'screen and (min-width: #{$desktopSmallStart}) and (max-width: #{$desktopSmallEnd})'; // 1024 - 1279
-$desktopM: 'screen and (min-width: #{$desktopMiddleStart}) and (max-width: #{$desktopMiddleEnd})'; // 1280 - 1439
-$desktopB: 'screen and (min-width: #{$desktopBigStart}) and (max-width: #{$desktopBigEnd})'; // 1440 - 1599
-$desktopBU: 'screen and (min-width: #{$desktopBigStart})'; // 1440 - ∞
-$desktopSM: 'screen and (min-width: #{$desktopSmallStart}) and (max-width: #{$desktopMiddleEnd})'; // 1024 - 1439
-$desktopMU: 'screen and (min-width: #{$desktopMiddleStart})'; // 1280 - ∞
-
-$retina: 'screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2/1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx)';
-
-$mobileRetina: '#{$mobile} and (-webkit-min-device-pixel-ratio: 2), #{$mobile} and (min--moz-device-pixel-ratio: 2), #{$mobile} and (-o-min-device-pixel-ratio: 2/1), #{$mobile} and (min-device-pixel-ratio: 2), #{$mobile} and (min-resolution: 192dpi), #{$mobile} and (min-resolution: 2dppx)';
-
-$hover: 'screen and (hover:hover)';
-$hoverNone: 'screen and (hover:none)';
-
-// INDENTS
-$contentHorizontalIndentMobileXS: 8px;
-$contentHorizontalIndentMobileSM: 16px;
-$contentHorizontalIndentMobileB: 48px;
-$contentHorizontalIndentDesktopS: 64px;
-$contentHorizontalIndentDesktopMU: 80px;
-$contentVerticalIndentDesktop: 96px;
-$contentVerticalIndentMobileB: 72px;
-$contentVerticalIndentMobileSM: 48px;
-$maxContentWidth: 1440px;
-
-// TRANSITIONS
-$defaultTransitionTiming: 0.3s;
-
-// MIXINS
-
-@mixin Graphik {
-    font-family: Graphik, Arial, sans-serif;
-}
-@mixin fontFamily {
-    font-family: inherit;
-}
-@mixin commonFont {
-    font-size: 15px;
-    line-height: 24px;
-}
-@mixin smallFont {
-    font-size: 12px;
-    line-height: 18px;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-    margin: 0;
-}
-
-@mixin h1 {
-    font-weight: 600;
-    font-size: 36px;
-    line-height: 30px;
-    letter-spacing: 0.5px;
-
-    @media #{$mobileB} {
-        font-size: 36px;
-        line-height: 40px;
-    }
-    @media #{$desktop} {
-        font-size: 44px;
-        line-height: 48px;
-    }
-    @media #{$desktopMU} {
-        font-size: 52px;
-        line-height: 56px;
-    }
-}
-@mixin h2 {
-    font-weight: 600;
-    font-size: 22px;
-    line-height: 28px;
-    letter-spacing: 0.5px;
-
-    @media #{$mobileB} {
-        font-size: 26px;
-        line-height: 32px;
-    }
-    @media #{$desktop} {
-        font-size: 28px;
-        line-height: 36px;
-    }
-    @media #{$desktopMU} {
-        font-size: 32px;
-        line-height: 40px;
-    }
-}
-@mixin h3 {
-    font-weight: 500;
-    font-size: 18px;
-    line-height: 24px;
-    letter-spacing: 0.5px;
-
-    @media #{$desktopMU} {
-        font-size: 20px;
-        line-height: 28px;
-    }
-}
-@mixin h5 {
-    @include commonFont;
-    font-weight: 500;
-}
-@mixin p {
-    @include commonFont;
-    font-weight: 400;
-}
-@mixin pIndents {
-    margin-top: 0;
-    margin-bottom: 16px;
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-}
-@mixin link {
-    color: var(--systemBlue);
-    text-decoration: none;
-
-    &:hover {
-        text-decoration: underline;
-    }
-}