Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-03-16 22:10:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

generate responsive offsets

Browse source
This commit is contained in:
Marcos Moura 2016-12-14 10:56:25 -02:00
parent ece16fbf10
commit 18d27fb885
2 changed files with 8 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/mdLayout/mdLayout.scss
View file

@ -101,14 +101,12 @@ $sizes: (8, 16, 24, 40);
flex: 0 1 66.66666%;
}
@if $size == '' {
.md-flex-offset-33 {
margin-left: 33.33333%;
}
.md-flex-offset#{$size}-33 {
margin-left: 33.33333%;
}
.md-flex-offset-66 {
margin-left: 66.66666%;
}
.md-flex-offset#{$size}-66 {
margin-left: 66.66666%;
}
@for $i from 1 through 20 {
@ -119,10 +117,8 @@ $sizes: (8, 16, 24, 40);
flex: 0 1 #{$counter + '%'};
}
@if $size == '' {
.md-flex-offset-#{$counter} {
margin-left: #{$counter + '%'};
}
.md-flex-offset#{$size}-#{$counter} {
margin-left: #{$counter + '%'};
}
}
}

2
src/core/stylesheets/variables.scss
View file

@ -1,6 +1,6 @@
/* Common */
$font-roboto: Roboto, Lato, sans-serif;
$font-roboto: Roboto, 'Noto Sans', Noto, sans-serif;
/* Responsive Breakpoints */