commit
480d468ddb
|
@ -37,6 +37,8 @@
|
||||||
* -----Animation
|
* -----Animation
|
||||||
* -----Progress
|
* -----Progress
|
||||||
* -----Badge
|
* -----Badge
|
||||||
|
* -----Shadows
|
||||||
|
* -----Grid
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
@ -532,3 +534,23 @@ $badge-padding: 2px;
|
||||||
$shadow-key-umbra-opacity: 0.2;
|
$shadow-key-umbra-opacity: 0.2;
|
||||||
$shadow-key-penumbra-opacity: 0.14;
|
$shadow-key-penumbra-opacity: 0.14;
|
||||||
$shadow-ambient-shadow-opacity: 0.12;
|
$shadow-ambient-shadow-opacity: 0.12;
|
||||||
|
|
||||||
|
/* GRID */
|
||||||
|
|
||||||
|
$grid-desktop-columns: 12 !default;
|
||||||
|
$grid-desktop-gutter: 16px !default;
|
||||||
|
$grid-desktop-margin: 16px !default;
|
||||||
|
|
||||||
|
$grid-desktop-breakpoint: 840px !default;
|
||||||
|
|
||||||
|
$grid-tablet-columns: 8 !default;
|
||||||
|
$grid-tablet-gutter: $grid-desktop-gutter !default;
|
||||||
|
$grid-tablet-margin: $grid-desktop-margin !default;
|
||||||
|
|
||||||
|
$grid-tablet-breakpoint: 480px !default;
|
||||||
|
|
||||||
|
$grid-phone-columns: 4 !default;
|
||||||
|
$grid-phone-gutter: $grid-desktop-gutter !default;
|
||||||
|
$grid-phone-margin: $grid-desktop-margin !default;
|
||||||
|
|
||||||
|
$grid-cell-default-columns: $grid-phone-columns !default;
|
||||||
|
|
|
@ -14,24 +14,7 @@
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
$grid-desktop-columns: 12;
|
@import "../variables";
|
||||||
$grid-desktop-gutter: 16px;
|
|
||||||
$grid-desktop-margin: 16px;
|
|
||||||
|
|
||||||
$grid-desktop-breakpoint: 840px;
|
|
||||||
|
|
||||||
$grid-tablet-columns: 8;
|
|
||||||
$grid-tablet-gutter: $grid-desktop-gutter;
|
|
||||||
$grid-tablet-margin: $grid-desktop-margin;
|
|
||||||
|
|
||||||
$grid-tablet-breakpoint: 480px;
|
|
||||||
|
|
||||||
$grid-phone-columns: 4;
|
|
||||||
$grid-phone-gutter: $grid-desktop-gutter;
|
|
||||||
$grid-phone-margin: $grid-desktop-margin;
|
|
||||||
|
|
||||||
$grid-cell-default-columns: $grid-phone-columns;
|
|
||||||
|
|
||||||
|
|
||||||
.mdl-grid {
|
.mdl-grid {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in New Issue