brandon-wesley

// https://eduardoboucas.github.io/include-media/#features
// https://css-tricks.com/approaches-media-queries-sass/#aa-clean-syntax-dynamic-declaration

// '>' not working
// '<=' not working

// '>=' is working
// '<' is working

//@include media('<lg') {

brandon-wesley

import device from 'current-device';

export const isTouchCapable = () => navigator.maxTouchPoints > 1;

// Override this function, to detect surface tablets
device.windowsTablet = () => device.windows() && navigator.maxTouchPoints > 1 && !device.windowsPhone();
import { Platform } from 'quasar';
import { APP_CONTEXT, AppContext } from '@sdarm/web-platform/app';

export type DeviceInfo = {

brandon-wesley

export class ScreenSize {

	static values: ScreenSize[] = [];

	static EXTRA_SMALL = new ScreenSize('xs', 0, 576);
	static SMALL = new ScreenSize('sm', 576, 768);
	static MEDIUM = new ScreenSize('md', 768, 992);
	static LARGE = new ScreenSize('lg', 992, 1200);
	static EXTRA_LARGE = new ScreenSize('xl', 1200, Infinity);

brandon-wesley

@charset "UTF-8";
//     _            _           _                           _ _
//    (_)          | |         | |                         | (_)
//     _ _ __   ___| |_   _  __| | ___   _ __ ___   ___  __| |_  __ _
//    | | '_ \ / __| | | | |/ _` |/ _ \ | '_ ` _ \ / _ \/ _` | |/ _` |
//    | | | | | (__| | |_| | (_| |  __/ | | | | | |  __/ (_| | | (_| |
//    |_|_| |_|\___|_|\__,_|\__,_|\___| |_| |_| |_|\___|\__,_|_|\__,_|
//
//      Simple, elegant and maintainable media queries in Sass
//                        v2.0.0

brandon-wesley

$breakXs: 576px !default;
$breakSm: 768px !default;
$breakMd: 992px !default;
$breakLg: 1200px !default;
$breakXl: 1400px !default;
$breakXxl: 1800px !default;
$break3xl: 2200px !default;

/*
Inspired by Bootstrap