Thanks for contributing!
master
branch is a snapshot of the latest release. Submit your PR in the dev
branch
lib
and dist
folder, use it only for testing on your endIt has to work, and have great UX on both platforms.
Buefy is based on Bulma, let's keep its design.
The only properties that uses hardware acceleration are:
These are two great articles about it: https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations-with-css3-db7b98610108 and https://www.sitepoint.com/introduction-to-hardware-acceleration-css-animations/.
And here is one about the FLIP technique (which <transition-group>
uses internally): https://aerotwist.com/blog/flip-your-animations/.
Add comments if method is too complex and/or whenever you judge necessary.
/src/scss/components
"
padding
, margin
and font-size
Sass example:
.element {
// Direct styles
@extend .something;
@include mixin;
property: value;
// Nested tags
span {
// ...
}
.child {
// ...
}
// Pseudo-classes
&:before {
// ...
}
// Modifiers
&.is-active {
// ...
}
&.has-icon {
// ...
}
// Responsive styles
@include mobile {
// ...
}
@include tablet {
// ...
}
}
You need Node.js version >= 6 and <= 11.
After cloning the repo, run:
$ npm install
Common used NPM scripts:
# serve docs with hot reload at localhost:8080
$ npm run dev
# build lib in /dist folder
$ npm run build:lib
# build docs in /dist-docs folder
$ npm run build:docs
# build docs and lib
$ npm run build
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。