Лучший способ использовать помощники начальной загрузки медиазапроса (media-breakpoint-) в Gridsome? - PullRequest
Новая
       39

Лучший способ использовать помощники начальной загрузки медиазапроса (media-breakpoint-) в Gridsome?

0 голосов
/ 23 октября 2019

Я пытаюсь использовать вспомогательные средства точки останова Bootstrap (media-breakpoint-up) в проекте Gridsome.

Как лучше всего настроить их для включения в каждый компонент .vue?

В настоящее время я получил файл global.scss, куда я импортирую эти функции: 

@import "~bootstrap/scss/_functions.scss";
@import "~bootstrap/scss/_variables.scss";
@import "~bootstrap/scss/mixins/_breakpoints.scss";

, а затем для каждого компонента я делаю @import "~/assets/styles/global";

main.js: 

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import '~/assets/styles/main.scss'

export default function (Vue, { router, head, isClient }) {
  Vue.use(BootstrapVue)
}
...