Skip to content

Releases: oo-loop/loop

v0.4.15

21 Aug 06:01

Choose a tag to compare

Bug fixes

  • Toggle compatibility with older browser

v0.4.14

06 Aug 01:15

Choose a tag to compare

Bug fixes

  • loopBreakpoints() correctly generates utilities from $breakpoints parameter (Was always reading from global $breakpoints-classes)

V0.4.13

24 Apr 09:55

Choose a tag to compare

Adjustment

  • Remove scaling on button active status to avoid adding conflict in a case where the button needs to be animated

V0.4.12

31 Jul 09:47

Choose a tag to compare

Bug fixes

Fix grid when it contains elements with overflow content

v0.4.11

31 May 05:25

Choose a tag to compare

Features

  • Ability to have a set of vertical gutters for oo-column via the variable $columns-v-gutter-sizes
  • Responsive v-gutter modifiers v-gutter-${gutterName}@{breakpoint} (assign the needed breakpoints to $columns-v-gutter-sizes-breakpoints-classes) see doc for more info.

Sample of use

<div oo-column="row v-gutter-less v-gutter-tiny@sm v-gutter-small@md v-gutter-large@lg">
  <div oo-column="col"></div>
  <div oo-column="col"></div>
  <div oo-column="col"></div>
</div>

Changes

  • The variable $anchor-color-hover gets a darker version of $anchor-color as default value. (No more $color-secondary)

Functions

New functions available to facilitate the reuse of values coming from Map type variables

  • getColors($keyName) to get value from the $colors map
  • getTextColors($keyName) to get value from the $text-colors map
  • getBgColors($keyName) to get value from the $bg-colors map
  • getBorderColors($keyName) to get value from the $border-colors map
  • getTextSizes($keyName) to get value from the $text-sizes map
  • getMapValue($map, $key) get map value by passing the map to retrieve from and the name of the key . (Combination of sass functions map-get and map-has-key)

V0.4.10

04 Apr 08:53

Choose a tag to compare

Bug fixes

  • normalize.css has been removed from dependencies and moved to its own loop partial loop/scss/base/_normalize.scss
  • Allowing the use of loop without any javascript task runner building the css file.

v0.4.9

20 Mar 02:11

Choose a tag to compare

Bug fixes

  • Fix Textarea height and max-width when using oo-form="input"
  • Fix custom input paddings bug created by firefox fix from v0.4.8

V0.4.8

19 Mar 09:56

Choose a tag to compare

Bug fixes

  • Firefox: form inputs and selects get the same height
  • typo, correct class name => .container-fluid now working

V0.4.7

11 Mar 04:37

Choose a tag to compare

Features

  • oo-grid="areas" Add template areas to Grid
  • order-{$number}@{$breakpoint} Add order modifier to oo-grid="col"
  • $font-size-root Root font-size is now modifiable (default = 62.5%)
  • $spacing-ratio Ratio to translate px into rem. Spacing generated values are rem but className still use the pixel number for better representation
  • $use-grid-layout $use-grid-areas $use-grid-order $use-grid-gap $use-v-grid-gap Variables to turn on/off the options

Deprecated

  • inArray() function in favour of inList() and InNotList()

v0.4.6

07 Mar 01:14

Choose a tag to compare

Features

  • Ability to have responsive gutter modifiers gutter-${gutterName}@{breakpoint} (assign the needed breakpoints to $columns-gutter-sizes-breakpoints-classes) see doc for more info.

Sample of use

<div oo-column="row gutter-less gutter-tiny@sm gutter-small@md gutter-large@lg">
  <div oo-column="col"></div>
  <div oo-column="col"></div>
  <div oo-column="col"></div>
</div>