Skip to content

v2.0.0

Choose a tag to compare

@kukjevov kukjevov released this 13 Jun 08:09

Features

  • new buildCssVars mixin, which allows generating css variables from map
  • new is-map function, which tests whether provided variable is of type map
  • new buildMarginCss mixin, which allows generating css variables for margin and css classes for margins of various sizes according provided map
  • new buildPaddingCss mixin, which allows generating css variables for padding and css classes for paddings of various sizes according provided map
  • new buildBorderRadiusCss mixin, which allows generating css variables for border radius and css classes for border radiuses of various sizes according provided map
  • new buildGapsCss mixin, which allows generating css variables for gaps and css classes for gaps of various sizes according provided map
  • new buildSizes mixin, which allows generating css variables with sizes using provided map
  • new buildFontSizeCss mixin, which allows generating css variables for font size and css classes for font sizes of various sizes according provided map
  • new fontSizes map scss variable, with default values for fong sizes
  • new in-layer mixin, which allows generating nested css in layer
  • updated misc-css mixin, now generates also --color-transparent css variable
  • updated getSize function, now takes optional third parameter fixed, which allows function to get size in rem units, relative to root
  • misc
    • new %align-items-start placeholder for align-items: start; css properties
    • new .align-items-start css class for align-items: start; css properties
    • new %align-items-end placeholder for align-items: end; css properties
    • new .align-items-end css class for align-items: end; css properties
    • new %align-content-center placeholder for align-content: center; css properties
    • new .align-content-center css class for align-content: center; css properties
    • new %align-content-end placeholder for align-content: end; css properties
    • new .align-content-end css class for align-content: end; css properties

BREAKING CHANGES

  • removed .file-upload.input-group css class
  • updated buildSizes mixin
    • removed --responsive-threshold-md variable
    • removed --border-radius-small, --border-radius-medium, --border-radius, use new mixin buildBorderRadiusCss
    • removed --color-transparent, use misc-css
  • renamed buildSizes mixin into buildFixedSizes and it take only fontSize as parameter
  • removed negXsWidth, negSmWidth, negMdWidth, negLgWidth, rootMinFontSize, rootMaxFontSize, rootMinFontSizeWidth, rootMaxFontSizeWidth, responsiveThresholdMd, borderRadiusSmall, borderRadius, borderRadiusMedium, dimensions, scss variables