-
Notifications
You must be signed in to change notification settings - Fork 0
/
breakpoint.js
34 lines (34 loc) · 1.06 KB
/
breakpoint.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
function breakpointIndex (bp_name) {
switch (bp_name || 'md') {
case 'xs': return 0
case 'sm': return 1
case 'md': return 2
case 'lg': return 3
case 'xl': return 4
}
}
export default {
methods: {
breakpointNumber () {
return breakpointIndex(this.$vuetify.breakpoint.name)
},
breakpointAttr (xs, sm, md, lg, xl) {
return arguments[breakpointIndex(this.$vuetify.breakpoint.name)]
},
breakpointVisible (xs, sm, md, lg, xl, mode) {
return arguments[breakpointIndex(this.$vuetify.breakpoint.name)]
? 'd-' + (mode || 'flex')
: 'd-none'
},
breakpointSize (xs, sm, md, lg, xl) {
let arg = arguments[breakpointIndex(this.$vuetify.breakpoint.name)]
switch (arg) {
case -2: return 'x-small'
case -1: return 'small'
case 0: return 'size-default'
case 1: return 'large'
case 2: return 'x-large'
}
}
}
}