This changelog is for archive purposes. For latest changelogs, please refer to releases descriptions.
- ADDED: Added global variables for border radius on various elements. Change the values for the variables to enable rounded borders.
@btn-border-radius
@input-border-radius
@panel-border-radius
@label-border-radius
@badge-border-radius
- CHANGED: Split button now requires
.btn-split
class alongside.btn-group
. - CHANGED:
drop-shadow
mixins don't use +merge feature but instead now provide variables of the same name. Use@drop-shadow
variables when you want to add alongside your existingbox-shadow
properties, and the mixin when you just want a quick apply. - DROPPED: Deprecates
.spaced
class on.input-addon-btn
. Dropping because of the difficulty it causes when trying to apply border-radius to input groups. If you want spacing between forms and buttons, wrap them in separate containers and apply paddings manually. - CHANGED:
.card
is now an alias of.panel
. They had shared exactly the same style as now, only difference being the.hover-em
class which you can use on both now. - FIXED: Minor fixes regarding selectbox styles.
Also, this will probably the first release after Petal will be open-sourced. Yay! :)
- Quick margins and padding classes are now in a separate file named
utilities.less
instead of existingmixins.less
. Addutilities.less
to import list in your base stylesheet. - Adds reference import for dependencies per individual modules.import individual modules without having to check for which dependencies you need for each files. If you are using
custom-variables.less
override, make sure you import them after the actual modules and they will override default values just fine as they were. .block
,.inline-block
quick classes have been removed fromlayout.less
. Manually define them in your site stylesheet if you need them.basic.less
is now treated as one of the modules, not dependencies.- Font order and fallback font for monospace text blocks has been changed.
- Text-related code
h5
header tag now usesrem
unit just as others.
-
Added new variables / Changed names
btn-border-width
btn-letter-spacing
btn-line-height
input-line-height
Now you can easily customize button border width and other typographic settings by changing variable values. Be sure to copy the
variables.less
sheet over tocustom-variables.less
for overriding instead of directly modifyingvariables.less
to ensure compatibility with future updates. -
Some variables names have changed slightly for consistency:
checkbox-disable-animation
->checkbox-disable-transition
chk-switch-disable-animation
->chk-switch-disable-transition
Don't forget to update those names if you had them in
custom-variables.less
.
-
Adds Modal Adds classes for basic modal design.
-
Fixes for inconsistent input and button line-heights Default
font-size
for.btn
s have been changed to0.9em
(was0.8em
) to match theinput
font size. The buttonfont-size
was intentionally set smaller than input font size because of the all-caps style, and had larger emline-height
to compensate for the smaller size, but it was ultimately rendering inconsistently across browsers. As of now there is no way that I know of how I can set identicalline-height
s with flexible units for different elements whilst keeping unique font-size values (without adding additional inner spans in buttons, maybe), so I decided to just ditch varying font-size and equalize all sizes and line heights for form elements. Manyline-height
values for various form elements have been either removed or reset to base value1
. Thanks to this change, by default settings button texts will appear a bit larger than before, but buttons and inputs in an inline form will now perfectly align in height and vertical alignment.If you have set custom variables in your project, the new variable value will not override the value upon updating Petal. Manually update the value if you want to apply the changes.
-
Other minor fixes and changes
-
Updated Petalicons CHANGED:
draggable
->draggable-horizontal
draggable-vertical
->draggable
dollar-round
->currency-dollar
NEW:
draggable-horizontal
currency-won
currency-yen
translate-alt
cloud
cloud-check
cloud-cross
cloud-upload
share-alt
outlink
upload-alt
device-tv
device-desktop
device-laptop
device-mobile
device-tablet
-
Refined selectbox dropdown list design, adds dark mode
-
Other minor changes