buefy

How to extend a variable's map in SCSS?

百般思念 提交于 2021-02-11 14:30:22
问题 I am using a package called Buefy which is a Vue.js wrapper for the Bulma CSS framework library. Buefy puts an attribute/property on its template components called type ( e.g. , type="is-warning" ). As per the Buefy documentation, the term "is-warning" is pre-defined according to the $colors variable set within SCSS: So I followed these instructions from Buefy to be able to customize the the $colors map, but what I would like to do, however, is keep the initial SCSS defined in those

9 个优秀的 Vue开源项目,帮助你快速理解Vue框架

旧巷老猫 提交于 2020-10-29 06:48:58
Vue.js 作为现在的前端主流框架之一,在国内有着广泛的应用,也是面试几乎都会问到的内容 ,经常会问到: Vue的新特性都有什么? Vue的性能如何优化? 如果能够看懂它的源码,熟悉它的各种使用技巧,对你的 入职大厂,升职加薪 有极大的助益! 今天来分享9个非常不错的开源项目,可以帮助我们理解Vue框架。 使用Vue的好处 该框架非常小。 约为18–21KB; Vue 支持用基于组件的方法来构建 Web 应用 ; 详细的文档 。这对于初学者来说很容易上手; 易于理解。 由于其结构简单,你可以轻松地把 Vue.js 添加到自己的 Web 项目里。它凭借定义良好的体系结构来保存你的数据。生命周期方法和自定义方法是分开的; 轻松的集成。 你可以通过 CDN 来轻松添加 Vue.js,不依赖 Node.js 和 npm 环境就可以用。完全可以把它当成替代 jQuery 的绝佳选择; 出色的工具。 通过 Vue CLI ,你可以使用内置的路由、状态存储、Lint、单元测试、CSS预处理器、Typescript、PWA 等来启动新项目。此外,Vue CLI 还提供了用于管理项目的UI。 Vue开源项目 下面汇总了一些非常流行的工具和库,并包括在 Vue 生态系统中所涉及到的其他库和插件。 是根据其有用性、有效性、文档、思想和贡献指南进行选择的。 UI组件 Vuetify 网站: https:

Buefy steps and tabs block Leaflet map

二次信任 提交于 2020-08-10 19:48:57
问题 I have an issue with loading Leaflet map using Vue.js and Bulma stepper components (via Buefy). If map is placed inside stepper then it does not load all tiles until browser window is resized. If map is placed outside of Bulma stepper component then it loads without any issue. How to get this working ? Example with the issue: https://codepen.io/alxxnder/pen/zyYxwd Example without the issue: https://codepen.io/alxxnder/pen/LMYEjr <b-steps> <b-step-item label="Account" icon="account-key"> <LMap

Buefy steps and tabs block Leaflet map

旧时模样 提交于 2020-08-10 19:46:26
问题 I have an issue with loading Leaflet map using Vue.js and Bulma stepper components (via Buefy). If map is placed inside stepper then it does not load all tiles until browser window is resized. If map is placed outside of Bulma stepper component then it loads without any issue. How to get this working ? Example with the issue: https://codepen.io/alxxnder/pen/zyYxwd Example without the issue: https://codepen.io/alxxnder/pen/LMYEjr <b-steps> <b-step-item label="Account" icon="account-key"> <LMap

Buefy steps and tabs block Leaflet map

时光怂恿深爱的人放手 提交于 2020-08-10 19:46:15
问题 I have an issue with loading Leaflet map using Vue.js and Bulma stepper components (via Buefy). If map is placed inside stepper then it does not load all tiles until browser window is resized. If map is placed outside of Bulma stepper component then it loads without any issue. How to get this working ? Example with the issue: https://codepen.io/alxxnder/pen/zyYxwd Example without the issue: https://codepen.io/alxxnder/pen/LMYEjr <b-steps> <b-step-item label="Account" icon="account-key"> <LMap

SassError: argument `$color` of `darken($color, $amount)` must be a color

旧街凉风 提交于 2020-06-17 09:37:13
问题 I am attempting to add a custom color map in Bulma, with the following SCSS code: // Set your colors $primary: #5B43CC; $primary-invert: findColorInvert($primary); $twitter: #4099FF; $twitter-invert: findColorInvert($twitter); $facebook: #4267B2; $facebook-invert: findColorInvert($facebook); $custom-colors: ( "foo": (black, grey), ); // Import Bulma's core @import "~bulma/sass/utilities/_all"; // Links $link: $primary; $link-invert: $primary-invert; $link-focus-border: $primary; // Import