Skip to content

Releases: black7375/Fluid-Size

1.6.0

29 Mar 07:05
Compare
Choose a tag to compare

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

23 Oct 11:27
Compare
Choose a tag to compare

Icon replace
Icon1
Icon2
Icon3

Options

  • mode: vw-only, Displayed using only vw 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

27 Aug 00:18
Compare
Choose a tag to compare

Bug fix

  • Remove if duplicated code is out.

Workflow

  • Auto merge: master -> github-repo
  • Markdown's link check.

1.4.0

21 Aug 02:29
Compare
Choose a tag to compare
  • 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 or fit)
    • divice: Device to be criterion of visual angle.
    • min: Limit min size (null or Length)
  • Many bug fixes

1.3.0

12 Aug 00:04
Compare
Choose a tag to compare
  • 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 or Units)
    • max: Limit max size (null or Length)
    • limit: How to limit it. (size or break)

1.2.1

01 Aug 05:20
Compare
Choose a tag to compare
  • README.org => README.md
  • Add breakpoints
  • Add tab-size

1.1.0

30 Jul 16:34
Compare
Choose a tag to compare
  • Introduce Bundler and include results in the package.
  • Workflow

1.0.0

30 Jul 09:23
Compare
Choose a tag to compare
Add: workflow