diff --git a/styles/config/_responsive.scss b/styles/config/_responsive.scss index c9db1e8..6954121 100644 --- a/styles/config/_responsive.scss +++ b/styles/config/_responsive.scss @@ -18,7 +18,7 @@ height: 100%; } -@include responsive(bigDesktop) { +@include responsive(extra-large-desktop) { .row { & .col-xlg { @for $i from 1 through 100 { @@ -30,7 +30,7 @@ } } -@include responsive(desktop) { +@include responsive(large-desktop) { .row { & .col-lg { @for $i from 1 through 100 { @@ -42,7 +42,7 @@ } } -@include responsive(tablet) { +@include responsive(desktop) { .row { & .col-md { @for $i from 1 through 100 { @@ -54,7 +54,7 @@ } } -@include responsive(phone) { +@include responsive(tablet) { .row { & .col-sm { @for $i from 1 through 100 { @@ -65,3 +65,15 @@ } } } + +@include responsive(phone) { + .row { + & .col-xsm { + @for $i from 1 through 100 { + &-#{$i} { + width: #{$i}#{"%"}; + } + } + } + } +}