@@ -41,10 +41,10 @@ export default {
4141 },
4242 computed: {
4343 classes () {
44- var desktop = ' a-m -col-' + this .desktopColumns
45- var tablet = ' a-s -col-' + this .tabletColumns
46- var smallTablet = ' a-xs -col-' + this .smallTabletColumns
47- var base = ' grid col-1 '
44+ var desktop = ' l-up -col-' + this .desktopColumns
45+ var tablet = ' m-up -col-' + this .tabletColumns
46+ var smallTablet = ' s-up -col-' + this .smallTabletColumns
47+ var base = ' grid'
4848 return [desktop, tablet, smallTablet, base]
4949 }
5050 }
@@ -72,45 +72,45 @@ export default {
7272.col-6
7373 grid-template-columns repeat (6 , 1 fr )
7474
75- @media screen and (min-width : $breakXS )
76- .a-xs -col-1
75+ @media screen and (min-width : $breakS )
76+ .s-up -col-1
7777 grid-template-columns 1 fr
78- .a-xs -col-2
78+ .s-up -col-2
7979 grid-template-columns repeat (2 , 1 fr )
80- .a-xs -col-3
80+ .s-up -col-3
8181 grid-template-columns repeat (3 , 1 fr )
82- .a-xs -col-4
82+ .s-up -col-4
8383 grid-template-columns repeat (4 , 1 fr )
84- .a-xs -col-5
84+ .s-up -col-5
8585 grid-template-columns repeat (5 , 1 fr )
86- .a-xs -col-6
86+ .s-up -col-6
8787 grid-template-columns repeat (6 , 1 fr )
8888
89- @media screen and (min-width : $breakS )
90- .a-s -col-1
89+ @media screen and (min-width : $breakM )
90+ .m-up -col-1
9191 grid-template-columns 1 fr
92- .a-s -col-2
92+ .m-up -col-2
9393 grid-template-columns repeat (2 , 1 fr )
94- .a-s -col-3
94+ .m-up -col-3
9595 grid-template-columns repeat (3 , 1 fr )
96- .a-s -col-4
96+ .m-up -col-4
9797 grid-template-columns repeat (4 , 1 fr )
98- .a-s -col-5
98+ .m-up -col-5
9999 grid-template-columns repeat (5 , 1 fr )
100- .a-s -col-6
100+ .m-up -col-6
101101 grid-template-columns repeat (6 , 1 fr )
102102
103- @media screen and (min-width : $breakM )
104- .a-m -col-1
103+ @media screen and (min-width : $breakL )
104+ .l-up -col-1
105105 grid-template-columns 1 fr
106- .a-m -col-2
106+ .l-up -col-2
107107 grid-template-columns repeat (2 , 1 fr )
108- .a-m -col-3
108+ .l-up -col-3
109109 grid-template-columns repeat (3 , 1 fr )
110- .a-m -col-4
110+ .l-up -col-4
111111 grid-template-columns repeat (4 , 1 fr )
112- .a-m -col-5
112+ .l-up -col-5
113113 grid-template-columns repeat (5 , 1 fr )
114- .a-m -col-6
114+ .l-up -col-6
115115 grid-template-columns repeat (6 , 1 fr )
116116 </style >
0 commit comments