'screen-xs': '(max-width: 544px)', /* smartphone */
'screen-sm': '(min-width: 545px) and (max-width: 768px)', /* tablet (portrait) */
'screen-sm-down': '(max-width: 768px)', /* smartphone + tablet (portrait) */
- 'screen-sm-up': '(min-width: 545px)', /* tablet(portrait) + tablet (landscape) + desktop */
+ 'screen-sm-up': '(min-width: 545px)', /* tablet (portrait) + tablet (landscape) + desktop */
+ 'screen-sm-md': '(min-width: 545px) and (max-width: 1024px)', /* tablet (portrait) + tablet (landscape) */
'screen-md': '(min-width: 769px) and (max-width: 1024px)', /* tablet (landscape) */
'screen-md-down': '(max-width: 1024px)', /* smartphone + tablet (portrait) + tablet (landscape) */
'screen-md-up': '(min-width: 1024px)', /* tablet (landscape) + desktop */
}
}
-/* tablet(portrait) + tablet (landscape) + desktop */
+/* tablet (portrait) + tablet (landscape) + desktop */
@mixin screen-sm-up() {
@media (min-width: 545px) {
@content;
}
}
+/* tablet (portrait) + tablet (landscape) */
+@mixin screen-sm-md() {
+ @media (min-width: 545px) and (max-width: 1024px) {
+ @content;
+ }
+}
+
/* tablet (landscape) */
@mixin screen-md() {
@media (min-width: 769px) and (max-width: 1024px) {