Skip to content

1.4.0
Compare
Choose a tag to compare
@zoglo zoglo released this 27 Jul 07:02
1.4.0
4b1dd52

Additions

  • Added more variables for checkbox- and radio-elements (Their style isn't tied to form settings anymore) e59d665 8d2676d

    • $form-checkbox-radio-label-color-invert (Inverted color for labels when using text-color: invert)

    • $form-checkbox-radio-border-width (Border-width)

    • $form-checkbox-radio-border-style (Border-style)

    • $form-checkbox-radio-background (Background-color)

    • $form-checkbox-radio-background-hover (Background-color when hovered)

    • $form-checkbox-radio-background-focus (Background-color when checked)

    • $form-checkbox-radio-symbol-font-size (Font-size for '✔'-symbol)

    • $form-checkbox-radio-symbol-color (Color for '✔'-symbol)

  • Added new utility functions and added documentation 9008fc0

    • isValidUnit($type) (Checks if unit is px or rem)

    • px() (Converts rem to px)

    • sumList() (Return the sum of two shorthand css)

    • subList() (Return the difference of two shorthand css)

    • shortPercentage() (Returns percentage() with 4 decimal places)

    • minUnit() (Compare two values and return the minimum - Can be used with px and rem)

    • maxUnit() (Compare two values and return the maximum - Can be used with px and rem)

To use the new variables, make sure to fill the new variables in "Form: Checkbox / Radio" if you are installing it on a running version

Changes

  • Changed $font-size-base to type number 4b1dd52

  • rem(), sum() and sub() should now output units (instead of strings) and can be used inside other functions

  • standardize() should now return a list-type instead of a string (output the full shorthand with 4 values).

  • rem() can now be used with pixel values

  • button-padding() is now subList() and shouldn't be used anymore

  • shorten-decimal-value() was rewritten to shortPercentage()

  • Changed all paddings for buttons to subList 2ee462d

  • Checkbox labels should now behave properly and react to checkbox-sizes 8d2676d Line 254

  • The font-size for the checkbox-'✔'-symbol is now limited to the inner width of a checkbox eebfb7a

  • The form palette of the ThemeManager configuration was split into multiple sections to make it more understandable

    - Form: Textarea (Line-height for widget-textarea)
- Form: Label / Legend (Styles for label and legend)
- Form: Select / Input / Textarea (Styles for input-, select- and textarea-elements)
- Form: Checkbox / Radio (Styles for checkbox- and radio-elements)
- Form: Miscellaneous (Styles such as select-symbols or form-validation)

Deprecated

  • button-padding() will be removed in ThemeManager version 2
  • shorten-decimal-value() will be removed in ThemeManager version 2

Bugfixes

  • Fixed a bug where 'ol'-elements (ordered lists) were not considered for text-color-invert #2 66e89c3
  • Fixed a bug where 'overflow: visible' (.ov) was overwritten by other styles #4 2753d20
  • Fixed a translation error for the german column-width descriptions #5 5661dd1
  • Added an invert-color for checkbox labels #3 9d65858
Assets 2
Loading