README.md in edge_framework-2.0.0 vs README.md in edge_framework-2.1.0

- old
+ new

@@ -171,12 +171,10 @@ <h-tile class="block-7 collapse"> ... </h-tile> **Convention**: -- Don't name any of your class starting with `block`. It is reserved for tile. - - Don't add your own styling to the tile or ti element. WORDPRESS ==================== @@ -395,9 +393,25 @@ // or .content { @include column($size: 7 / 15, $offset: 3 / 15); } + +ADAPTIVE GRID +====================== + +Normal Grid always expand to 100% at any screen size. This can be a nuisance for complex responsive site because we need to make sure nothing is misaligned on all size. + +Adaptive Grid sets a **fixed-width** and shrink to the next width when the screen size reaches the breakpoint. + +In setting, change the variable `$adaptive` to true. + +You may add more breakpoints in the variable `$adaptive-breakpoint`. You can mix variable and number in the comma-separated list. + +Example: + + $adaptive-breakpoint: $medium-screen, 900px, $small-screen, 600px, $mini-screen; + TILE - mixin ====================== tile() \ No newline at end of file