Releases: black7375/Fluid-Size
Releases · black7375/Fluid-Size
1.6.0
Options
- Break Unit: You can specify unit of
breakpoints
. - Base Size(rem)'s Scoped Option(
$root-size
,base-size
) - Class: Add to class for debug
- Safari iframe fix:
min-width: 0vw;
Break Point Update
$small-phone-width: 320px !default;
$small-phone-height: 586px !default;
Miscellaneous
fluid-width-fix
: body-width-fix's wrapper
1.5.0
Options
mode
:vw-only
, Displayed using onlyvw
units.
Break Points Full Review
$phone-width: 480px !default;
$phone-height: 854px !default;
$tablet-width: 768px !default;
$tablet-height: 1024px !default;
$laptop-width: 1280px !default;
$laptop-height: 720px !default;
$desktop-width: 1920px !default;
$desktop-height: 1080px !default;
$high-desktop-width: 2560px !default;
$high-desktop-height: 1440px !default;
to
$phone-width: 360px !default;
$phone-height: 640px !default;
$high-phone-width: 414px !default;
$high-phone-height: 896px !default;
$tablet-width: 768px !default;
$tablet-height: 1024px !default;
$high-tablet-width: 1024px !default;
$high-tablet-height: 1366px !default;
$laptop-width: 1280px !default;
$laptop-height: 720px !default;
$high-laptop-width: 1600px !default;
$high-laptop-height: 900px !default;
$desktop-width: 1920px !default;
$desktop-height: 1080px !default;
$high-desktop-width: 3840px !default;
$high-desktop-height: 2160px !default;
Miscellaneous
body-width-fix
: Account for difference between 100vw and 100% when scroll bars are included on page.safari-iframe-resize-fix
: Safari doesn't resize its values in an iframe if the iframe is resized.
Bug fix
- List Input:
%
,number
is passed
Others
- More readable doc
- Refactoring code && Add comments
1.4.1
1.4.0
-
Validation
- breakpoints: Check the keys.
- options: Check if
Global
,Scoped
is mapped, valid key and value.
-
Options
mode
: How to resize when the viewport changes. (fluid
orfit
)divice
: Device to be criterion of visual angle.min
: Limit min size (null
orLength
)
-
Many bug fixes
1.3.0
- Supported List Type
// Before - Support only single argment.
body {
@include font-size(16px); // Ok
@include font-size(16px !important); // No
@include margin(10px); // OK
@include margin(10px 50px 20px 5px); // No
}
// After - Support list argment.
body {
@include font-size(16px); // Ok
@include font-size(16px !important); // Ok
@include margin(10px); // OK
@include margin(10px 50px 20px 5px); // Ok
}
- Include default values in results.
Responding to small devices and accessibility.
// input
body {
@include font-size(16px !important);
}
// Add default values
body {
font-size: 1em !important;
}
- Option System - Wiki:Options
- Global: Setting it as a variable changes the default value of the whole.
- Scoped: It is provided as an argument(
map
type) to the function, and when used, applies only to the current value.
- Options
unit
: Unit of result (each
orUnits
)max
: Limit max size (null
orLength
)limit
: How to limit it. (size
orbreak
)