├── .eslintignore ├── babel.config.js ├── tests └── unit │ ├── .eslintrc.js │ └── MyComponent.spec.js ├── src ├── components │ ├── atoms │ │ ├── Btns │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Inner │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ ├── Default.vue │ │ │ │ ├── Vw.vue │ │ │ │ └── Soft.vue │ │ │ └── index.js │ │ ├── Space │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── THead │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Tbody │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Texts │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Tfoot │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Claerfix │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── InputColor │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── InputRadio │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── InputRange │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Option │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── ScrollX │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Section │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Select │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── InputCheckbox │ │ │ ├── Presenter.vue │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ └── index.js │ │ ├── Grid │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Td │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Text │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ ├── Default.vue │ │ │ │ ├── Dark.vue │ │ │ │ ├── Dark1.vue │ │ │ │ ├── Dark2.vue │ │ │ │ ├── Dark3.vue │ │ │ │ ├── Dark4.vue │ │ │ │ ├── Dark5.vue │ │ │ │ ├── Dark6.vue │ │ │ │ ├── Dark7.vue │ │ │ │ ├── Dark8.vue │ │ │ │ ├── Dark9.vue │ │ │ │ ├── Info.vue │ │ │ │ ├── Light.vue │ │ │ │ ├── Danger.vue │ │ │ │ ├── Light1.vue │ │ │ │ ├── Light2.vue │ │ │ │ ├── Light3.vue │ │ │ │ ├── Light4.vue │ │ │ │ ├── Light5.vue │ │ │ │ ├── Light6.vue │ │ │ │ ├── Light7.vue │ │ │ │ ├── Light8.vue │ │ │ │ ├── Light9.vue │ │ │ │ ├── Primary.vue │ │ │ │ ├── Success.vue │ │ │ │ └── Warning.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Th │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Tr │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Alert │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Btn │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ ├── Default.vue │ │ │ │ ├── Danger.vue │ │ │ │ ├── Disable.vue │ │ │ │ ├── Primary.vue │ │ │ │ └── Success.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── InputDate │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputFile │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputTel │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputText │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── InputTime │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputUrl │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── Table │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Textarea │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Heading │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ ├── Default.vue │ │ │ │ ├── Dark.vue │ │ │ │ ├── Light.vue │ │ │ │ ├── Danger.vue │ │ │ │ ├── Dark1.vue │ │ │ │ ├── Dark2.vue │ │ │ │ ├── Dark3.vue │ │ │ │ ├── Dark4.vue │ │ │ │ ├── Dark5.vue │ │ │ │ ├── Dark6.vue │ │ │ │ ├── Dark7.vue │ │ │ │ ├── Dark8.vue │ │ │ │ ├── Dark9.vue │ │ │ │ ├── Light1.vue │ │ │ │ ├── Light2.vue │ │ │ │ ├── Light3.vue │ │ │ │ ├── Light4.vue │ │ │ │ ├── Light5.vue │ │ │ │ ├── Light6.vue │ │ │ │ ├── Light7.vue │ │ │ │ ├── Light8.vue │ │ │ │ ├── Light9.vue │ │ │ │ ├── Info.vue │ │ │ │ ├── Success.vue │ │ │ │ ├── Warning.vue │ │ │ │ └── Primary.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── InputEmail │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputMonth │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputNumber │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputPassword │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputSearch │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── InputDatetimeLocal │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── Presenter.vue │ │ │ └── index.js │ │ ├── Label │ │ │ ├── src │ │ │ │ ├── style.scss │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Item │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ ├── Col │ │ │ ├── src │ │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ │ └── Display │ │ │ ├── src │ │ │ └── Default.vue │ │ │ ├── index.js │ │ │ └── Presenter.vue │ └── molecules │ │ ├── List │ │ ├── src │ │ │ ├── style.scss │ │ │ └── Default.vue │ │ ├── index.js │ │ └── Presenter.vue │ │ └── SelectBox │ │ ├── src │ │ ├── style.scss │ │ └── Default.vue │ │ ├── index.js │ │ └── Presenter.vue ├── scss │ ├── variable.scss │ └── style.scss ├── index.js ├── wrapper.js └── Test.vue ├── .editorconfig ├── dist ├── demo.html └── vue-bento.css ├── .gitignore ├── vue.config.js ├── jest.config.js ├── .eslintrc.js ├── README.md ├── public └── index.html └── package.json /.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['@vue/app'] 3 | } 4 | -------------------------------------------------------------------------------- /tests/unit/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | jest: true 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /src/components/atoms/Btns/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Inner/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Space/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/THead/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Tbody/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Texts/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Tfoot/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Claerfix/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/InputColor/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/InputRadio/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/InputRange/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Option/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/ScrollX/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Section/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Select/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/InputCheckbox/Presenter.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/components/atoms/Grid/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/layout/_grid.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Td/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_table.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_text.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Th/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_table.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Tr/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_table.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Alert/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_alert.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_button.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Inner/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/layout/_section.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputDate/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputFile/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputTel/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputText/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputTime/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputUrl/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Space/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/layout/_space.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/THead/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_table.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Table/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_table.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Tbody/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_table.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Textarea/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Tfoot/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_table.scss'; 3 | -------------------------------------------------------------------------------- /src/components/molecules/List/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_list.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_heading.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputCheckbox/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputColor/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputEmail/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputMonth/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputNumber/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputPassword/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputRadio/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputRange/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputSearch/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/Section/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/layout/_section.scss'; 3 | -------------------------------------------------------------------------------- /src/components/molecules/SelectBox/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /src/components/atoms/InputDatetimeLocal/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true -------------------------------------------------------------------------------- /src/components/atoms/Label/src/style.scss: -------------------------------------------------------------------------------- 1 | @import '../../../../../src/scss/variable.scss'; 2 | @import 'musubii/src/scss/module/_form.scss'; 3 | @import 'musubii/src/scss/module/_button.scss'; 4 | -------------------------------------------------------------------------------- /src/components/atoms/Btns/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | -------------------------------------------------------------------------------- /src/components/atoms/Texts/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | -------------------------------------------------------------------------------- /src/components/atoms/Section/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | -------------------------------------------------------------------------------- /src/scss/variable.scss: -------------------------------------------------------------------------------- 1 | @import "~moftone/src/scss/tone/_moftone.scss"; 2 | @import "~sass-dashi/src/scss/_dashi.scss"; 3 | @import "~musubii/src/scss/config/_variable.scss"; 4 | @import "~shitajicss/src/scss/_shitaji.scss"; 5 | -------------------------------------------------------------------------------- /dist/demo.html: -------------------------------------------------------------------------------- 1 | 2 | vue-bento demo 3 | 4 | 5 | 6 | 9 | -------------------------------------------------------------------------------- /src/components/atoms/Claerfix/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | -------------------------------------------------------------------------------- /src/components/atoms/ScrollX/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | npm-debug.log* 4 | yarn-debug.log* 5 | yarn-error.log* 6 | 7 | # Editor directories and files 8 | .idea 9 | .vscode 10 | *.suo 11 | *.ntvs* 12 | *.njsproj 13 | *.sln 14 | 15 | # dev 16 | public/style.css 17 | -------------------------------------------------------------------------------- /src/components/atoms/Inner/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/Inner/src/Vw.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/Space/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/Inner/src/Soft.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputDate/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputEmail/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputFile/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputMonth/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputNumber/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputSearch/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputTel/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputTime/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputUrl/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputPassword/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /src/components/atoms/InputDatetimeLocal/Presenter.vue: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /tests/unit/MyComponent.spec.js: -------------------------------------------------------------------------------- 1 | import { shallowMount } from '@vue/test-utils' 2 | 3 | import MyComponent from '@/MyComponent' 4 | 5 | describe('MyComponent', () => { 6 | it('mounted', () => { 7 | const wrapper = shallowMount(MyComponent) 8 | expect(wrapper.isVueInstance()).toBe(true) 9 | }) 10 | }) 11 | -------------------------------------------------------------------------------- /src/components/atoms/Item/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | -------------------------------------------------------------------------------- /src/components/atoms/Option/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | -------------------------------------------------------------------------------- /src/components/atoms/Select/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | -------------------------------------------------------------------------------- /src/components/atoms/Col/src/Default.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 19 | -------------------------------------------------------------------------------- /src/components/atoms/Display/src/Default.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 19 | -------------------------------------------------------------------------------- /src/components/atoms/Td/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTdDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Th/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbThDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Tr/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTrDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Alert/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbAlertDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Btns/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbBtnsDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Col/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbColDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Grid/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbGridDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Item/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbItemDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Label/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbLabelDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Space/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbSpaceDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/THead/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTHeadDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Table/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTableDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Tbody/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTbodyDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Texts/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTextsDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Tfoot/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTfootDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Display/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbDisplayDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Option/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbOptionDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/ScrollX/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbScrollXDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Section/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbSectionDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Select/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbSelectDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/molecules/List/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbListDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Claerfix/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbClaerfixDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputColor/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputColorDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputDate/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputDateDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputEmail/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputEmailDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputFile/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputFileDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputMonth/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputMonthDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputRadio/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputRadioDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputRange/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputRangeDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputTel/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputTelDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputText/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputTextDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputTime/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputTimeDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputUrl/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputUrlDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/Textarea/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbTextareaDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputNumber/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputNumberDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputSearch/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputSearchDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/molecules/SelectBox/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbSelectBoxDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputCheckbox/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputCheckboxDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputColor/src/Default.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 19 | -------------------------------------------------------------------------------- /src/components/atoms/InputPassword/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputPasswordDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/InputRadio/src/Default.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 19 | -------------------------------------------------------------------------------- /src/components/atoms/InputRange/src/Default.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 19 | -------------------------------------------------------------------------------- /src/components/atoms/InputCheckbox/src/Default.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 19 | -------------------------------------------------------------------------------- /src/components/atoms/InputDatetimeLocal/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | 3 | export { default as VbInputDatetimeLocalDefault } from './src/Default.vue' 4 | 5 | const components = [Default] 6 | 7 | const install = function(Vue) { 8 | components.forEach(component => { 9 | Vue.component(component.name, component) 10 | }) 11 | } 12 | 13 | export default { install } 14 | -------------------------------------------------------------------------------- /src/components/atoms/THead/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Tbody/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Tfoot/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Td/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Th/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Tr/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Alert/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputTel/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputText/Presenter.vue: -------------------------------------------------------------------------------- 1 | 22 | -------------------------------------------------------------------------------- /src/components/atoms/InputUrl/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Label/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Table/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Textarea/Presenter.vue: -------------------------------------------------------------------------------- 1 | 22 | -------------------------------------------------------------------------------- /src/components/atoms/InputDate/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputFile/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputTime/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Grid/src/Default.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 19 | 20 | 23 | -------------------------------------------------------------------------------- /src/components/atoms/InputEmail/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputMonth/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputNumber/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputSearch/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/InputPassword/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/src/Default.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 19 | 20 | 23 | -------------------------------------------------------------------------------- /src/components/atoms/InputDatetimeLocal/src/Default.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 17 | 18 | 21 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Default.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | 21 | 24 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/src/Danger.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | 21 | 24 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | // style ブロックでの自動読み込み 2 | const autoImportSass = ` 3 | @import "moftone/src/scss/tone/_moftone.scss"; 4 | @import "sass-dashi/src/scss/_dashi.scss"; 5 | @import "musubii/src/scss/config/_variable.scss"; 6 | ` 7 | 8 | module.exports = { 9 | productionSourceMap: false, 10 | css: { 11 | extract: true, // CSS をコンポーネントごとに持たせる場合は false 12 | loaderOptions: { 13 | sass: { 14 | data: autoImportSass 15 | } 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/src/Disable.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | 21 | 24 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/src/Primary.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | 21 | 24 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/src/Success.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | 21 | 24 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Default.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | 21 | 24 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark1.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark2.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark3.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark4.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark5.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark6.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark7.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark8.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Dark9.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Info.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/InputText/src/Default.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 19 | 20 | 23 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Danger.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light1.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light2.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light3.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light4.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light5.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light6.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light7.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light8.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Light9.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Primary.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Success.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Text/src/Warning.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Danger.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark1.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark2.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark3.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark4.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark5.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark6.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark7.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark8.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Dark9.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light1.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light2.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light3.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light4.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light5.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light6.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light7.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light8.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Light9.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /jest.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | moduleFileExtensions: ['js', 'jsx', 'json', 'vue'], 3 | transform: { 4 | '^.+\\.vue$': 'vue-jest', 5 | '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 6 | 'jest-transform-stub', 7 | '^.+\\.jsx?$': 'babel-jest' 8 | }, 9 | moduleNameMapper: { 10 | '^@/(.*)$': '/src/$1' 11 | }, 12 | snapshotSerializers: ['jest-serializer-vue'], 13 | testMatch: ['**/tests/unit/**/*.spec.js'], 14 | testURL: 'http://localhost/' 15 | } 16 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Info.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 22 | 23 | 26 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Success.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 22 | 23 | 26 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Warning.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /src/scss/style.scss: -------------------------------------------------------------------------------- 1 | // configs 2 | @import "variable.scss"; 3 | 4 | // musubii global 5 | @import "~musubii/src/scss/base/_global.scss"; 6 | @import "~musubii/src/scss/module/_wysiwyg.scss"; 7 | @import "~musubii/src/scss/utility/_size.scss"; 8 | @import "~musubii/src/scss/utility/_flex.scss"; 9 | @import "~musubii/src/scss/utility/_deco.scss"; 10 | @import "~musubii/src/scss/utility/_display.scss"; 11 | @import "~musubii/src/scss/utility/_clearfix.scss"; 12 | @import "~musubii/src/scss/module/_icon.scss"; 13 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/src/Primary.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 22 | 23 | 26 | -------------------------------------------------------------------------------- /src/components/atoms/Textarea/src/Default.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 21 | 22 | 25 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | extends: ['plugin:vue/recommended', '@vue/prettier'], 7 | rules: { 8 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 9 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 10 | 'prettier/prettier': [ 11 | 'error', 12 | { 13 | singleQuote: true, 14 | semi: false 15 | } 16 | ] 17 | }, 18 | parserOptions: { 19 | parser: 'babel-eslint' 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # VueBento 2 | 3 | VueBentoはCSSフレームワーク「[MUSUBii](https://musubii.qranoko.jp/)」ベースに作られたAtomicDesign思想のコンポーネントライブラリです。 4 | 5 | ## Setup 6 | 7 | ``` 8 | # npm 9 | npm i -D vue-bento 10 | # yarn 11 | yarn add vue-bento 12 | ``` 13 | 14 | ## Import 15 | 16 | ``` 17 | import Vue from 'vue'; 18 | import App from './App.vue'; 19 | 20 | import VueBento from 'vue-bento'; 21 | import 'vue-bento/dist/vue-bento.css'; // cssいらない場合は外す 22 | 23 | Vue.use(VueBento); 24 | 25 | new Vue({ 26 | el: '#app', 27 | render: h => h(App) 28 | }); 29 | ``` 30 | -------------------------------------------------------------------------------- /src/components/atoms/Inner/index.js: -------------------------------------------------------------------------------- 1 | import Default from './src/Default.vue' 2 | import Soft from './src/Soft.vue' 3 | import Vw from './src/Vw.vue' 4 | 5 | export { default as VbInnerDefault } from './src/Default.vue' 6 | export { default as VbInnerSoft } from './src/Soft.vue' 7 | export { default as VbInnerVw } from './src/Vw.vue' 8 | 9 | const components = [Default, Soft, Vw] 10 | 11 | const install = function(Vue) { 12 | components.forEach(component => { 13 | Vue.component(component.name, component) 14 | }) 15 | } 16 | 17 | export default { install } 18 | -------------------------------------------------------------------------------- /src/components/atoms/Alert/Presenter.vue: -------------------------------------------------------------------------------- 1 | 29 | -------------------------------------------------------------------------------- /src/components/molecules/List/src/Default.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 24 | 25 | 28 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | VueBento 10 | 11 | 12 | 15 |
16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import './scss/style.scss' // 別ファイルにするときはコメントアウトして build:style コマンドでビルドする 2 | 3 | export * from './wrapper' 4 | import * as components from './wrapper' 5 | 6 | function install(Vue) { 7 | if (install.installed) return 8 | install.installed = true 9 | Object.keys(components).forEach(componentName => { 10 | const component = components[componentName] 11 | Vue.component(component.name, component) 12 | }) 13 | } 14 | 15 | const plugin = { install } 16 | 17 | let GlobalVue = null 18 | if (typeof window !== 'undefined') { 19 | GlobalVue = window.Vue 20 | } else if (typeof global !== 'undefined') { 21 | GlobalVue = global.Vue 22 | } 23 | if (GlobalVue) { 24 | GlobalVue.use(plugin) 25 | } 26 | 27 | export default plugin 28 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/index.js: -------------------------------------------------------------------------------- 1 | import Danger from './src/Danger.vue' 2 | import Default from './src/Default.vue' 3 | import Disable from './src/Disable.vue' 4 | import Primary from './src/Primary.vue' 5 | import Success from './src/Success.vue' 6 | 7 | export { default as VbBtnDanger } from './src/Danger.vue' 8 | export { default as VbBtnDefault } from './src/Default.vue' 9 | export { default as VbBtnDisable } from './src/Disable.vue' 10 | export { default as VbBtnPrimary } from './src/Primary.vue' 11 | export { default as VbBtnSuccess } from './src/Success.vue' 12 | 13 | const components = [Danger, Default, Disable, Primary, Success] 14 | 15 | const install = function(Vue) { 16 | components.forEach(component => { 17 | Vue.component(component.name, component) 18 | }) 19 | } 20 | 21 | export default { install } 22 | -------------------------------------------------------------------------------- /src/components/molecules/SelectBox/src/Default.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 29 | 30 | 33 | -------------------------------------------------------------------------------- /src/components/molecules/List/Presenter.vue: -------------------------------------------------------------------------------- 1 | 40 | -------------------------------------------------------------------------------- /src/components/molecules/SelectBox/Presenter.vue: -------------------------------------------------------------------------------- 1 | 42 | -------------------------------------------------------------------------------- /src/components/atoms/Table/Presenter.vue: -------------------------------------------------------------------------------- 1 | 50 | -------------------------------------------------------------------------------- /src/components/atoms/Td/Presenter.vue: -------------------------------------------------------------------------------- 1 | 51 | -------------------------------------------------------------------------------- /src/components/atoms/Th/Presenter.vue: -------------------------------------------------------------------------------- 1 | 51 | -------------------------------------------------------------------------------- /src/components/atoms/Tr/Presenter.vue: -------------------------------------------------------------------------------- 1 | 51 | -------------------------------------------------------------------------------- /src/components/atoms/Label/Presenter.vue: -------------------------------------------------------------------------------- 1 | 51 | -------------------------------------------------------------------------------- /src/components/atoms/Display/Presenter.vue: -------------------------------------------------------------------------------- 1 | 54 | -------------------------------------------------------------------------------- /src/components/atoms/Grid/Presenter.vue: -------------------------------------------------------------------------------- 1 | 63 | -------------------------------------------------------------------------------- /src/components/atoms/Col/Presenter.vue: -------------------------------------------------------------------------------- 1 | 68 | -------------------------------------------------------------------------------- /src/components/atoms/Btn/Presenter.vue: -------------------------------------------------------------------------------- 1 | 68 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-bento", 3 | "version": "0.0.16", 4 | "description": "A Component Library for Vue.js(Atomic Design).", 5 | "author": "Sho Yamane", 6 | "license": "MIT", 7 | "private": false, 8 | "main": "dist/vue-bento.common.js", 9 | "unpkg": "dist/vue-bento.umd.min.js", 10 | "style": "dist/style/vue-bento.css", 11 | "scripts": { 12 | "serve": "STYLE_DIST_DIR=public yarn build:style && vue serve --open ./src/Test.vue", 13 | "build": "vue-cli-service build --target lib --name vue-bento src/index.js", 14 | "build:style": "gulp build:sass --gulpfile build/gulpfile.js", 15 | "preserve": "yarn prebuild", 16 | "prebuild": "yarn prebuild:indexes && yarn prebuild:wrapper && yarn lint", 17 | "prebuild:indexes": "node build/index-builder/index.js", 18 | "prebuild:wrapper": "node build/wrapper-builder/index.js", 19 | "lint": "vue-cli-service lint", 20 | "lint:nofix": "vue-cli-service lint --no-fix ", 21 | "test:unit": "vue-cli-service test:unit" 22 | }, 23 | "devDependencies": { 24 | "@vue/cli-plugin-babel": "^3.1.0", 25 | "@vue/cli-plugin-eslint": "^3.1.3", 26 | "@vue/cli-plugin-unit-jest": "^3.1.0", 27 | "@vue/cli-service": "^3.1.1", 28 | "@vue/eslint-config-prettier": "^4.0.0", 29 | "@vue/test-utils": "^1.0.0-beta.25", 30 | "babel-core": "^7.0.0-bridge.0", 31 | "babel-jest": "^23.6.0", 32 | "consola": "^2.2.2", 33 | "gulp": "^3.9.1", 34 | "gulp-autoprefixer": "^6.0.0", 35 | "gulp-cssmin": "^0.2.0", 36 | "gulp-group-css-media-queries": "^1.2.2", 37 | "gulp-sass": "^4.0.2", 38 | "lodash": "^4.17.11", 39 | "moftone": "^6.2.0", 40 | "node-sass": "^4.9.4", 41 | "node-sass-package-importer": "^5.2.0", 42 | "sass-dashi": "^0.3.0", 43 | "sass-loader": "^7.1.0", 44 | "vue": "^2.5.17", 45 | "vue-template-compiler": "^2.5.17" 46 | }, 47 | "dependencies": { 48 | "musubii": "^6.5.0", 49 | "shitajicss": "^4.6.0" 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /src/wrapper.js: -------------------------------------------------------------------------------- 1 | export * from './components/atoms/Alert' 2 | export * from './components/atoms/Btn' 3 | export * from './components/atoms/Btns' 4 | export * from './components/atoms/Claerfix' 5 | export * from './components/atoms/Col' 6 | export * from './components/atoms/Display' 7 | export * from './components/atoms/Grid' 8 | export * from './components/atoms/Heading' 9 | export * from './components/atoms/Inner' 10 | export * from './components/atoms/InputCheckbox' 11 | export * from './components/atoms/InputColor' 12 | export * from './components/atoms/InputDate' 13 | export * from './components/atoms/InputDatetimeLocal' 14 | export * from './components/atoms/InputEmail' 15 | export * from './components/atoms/InputFile' 16 | export * from './components/atoms/InputMonth' 17 | export * from './components/atoms/InputNumber' 18 | export * from './components/atoms/InputPassword' 19 | export * from './components/atoms/InputRadio' 20 | export * from './components/atoms/InputRange' 21 | export * from './components/atoms/InputSearch' 22 | export * from './components/atoms/InputTel' 23 | export * from './components/atoms/InputText' 24 | export * from './components/atoms/InputTime' 25 | export * from './components/atoms/InputUrl' 26 | export * from './components/atoms/Item' 27 | export * from './components/atoms/Label' 28 | export * from './components/atoms/Option' 29 | export * from './components/atoms/ScrollX' 30 | export * from './components/atoms/Section' 31 | export * from './components/atoms/Select' 32 | export * from './components/atoms/Space' 33 | export * from './components/atoms/THead' 34 | export * from './components/atoms/Table' 35 | export * from './components/atoms/Tbody' 36 | export * from './components/atoms/Td' 37 | export * from './components/atoms/Text' 38 | export * from './components/atoms/Textarea' 39 | export * from './components/atoms/Texts' 40 | export * from './components/atoms/Tfoot' 41 | export * from './components/atoms/Th' 42 | export * from './components/atoms/Tr' 43 | export * from './components/molecules/List' 44 | export * from './components/molecules/SelectBox' 45 | -------------------------------------------------------------------------------- /src/components/atoms/Text/index.js: -------------------------------------------------------------------------------- 1 | import Danger from './src/Danger.vue' 2 | import Dark from './src/Dark.vue' 3 | import Dark1 from './src/Dark1.vue' 4 | import Dark2 from './src/Dark2.vue' 5 | import Dark3 from './src/Dark3.vue' 6 | import Dark4 from './src/Dark4.vue' 7 | import Dark5 from './src/Dark5.vue' 8 | import Dark6 from './src/Dark6.vue' 9 | import Dark7 from './src/Dark7.vue' 10 | import Dark8 from './src/Dark8.vue' 11 | import Dark9 from './src/Dark9.vue' 12 | import Default from './src/Default.vue' 13 | import Info from './src/Info.vue' 14 | import Light from './src/Light.vue' 15 | import Light1 from './src/Light1.vue' 16 | import Light2 from './src/Light2.vue' 17 | import Light3 from './src/Light3.vue' 18 | import Light4 from './src/Light4.vue' 19 | import Light5 from './src/Light5.vue' 20 | import Light6 from './src/Light6.vue' 21 | import Light7 from './src/Light7.vue' 22 | import Light8 from './src/Light8.vue' 23 | import Light9 from './src/Light9.vue' 24 | import Primary from './src/Primary.vue' 25 | import Success from './src/Success.vue' 26 | import Warning from './src/Warning.vue' 27 | 28 | export { default as VbTextDanger } from './src/Danger.vue' 29 | export { default as VbTextDark } from './src/Dark.vue' 30 | export { default as VbTextDark1 } from './src/Dark1.vue' 31 | export { default as VbTextDark2 } from './src/Dark2.vue' 32 | export { default as VbTextDark3 } from './src/Dark3.vue' 33 | export { default as VbTextDark4 } from './src/Dark4.vue' 34 | export { default as VbTextDark5 } from './src/Dark5.vue' 35 | export { default as VbTextDark6 } from './src/Dark6.vue' 36 | export { default as VbTextDark7 } from './src/Dark7.vue' 37 | export { default as VbTextDark8 } from './src/Dark8.vue' 38 | export { default as VbTextDark9 } from './src/Dark9.vue' 39 | export { default as VbTextDefault } from './src/Default.vue' 40 | export { default as VbTextInfo } from './src/Info.vue' 41 | export { default as VbTextLight } from './src/Light.vue' 42 | export { default as VbTextLight1 } from './src/Light1.vue' 43 | export { default as VbTextLight2 } from './src/Light2.vue' 44 | export { default as VbTextLight3 } from './src/Light3.vue' 45 | export { default as VbTextLight4 } from './src/Light4.vue' 46 | export { default as VbTextLight5 } from './src/Light5.vue' 47 | export { default as VbTextLight6 } from './src/Light6.vue' 48 | export { default as VbTextLight7 } from './src/Light7.vue' 49 | export { default as VbTextLight8 } from './src/Light8.vue' 50 | export { default as VbTextLight9 } from './src/Light9.vue' 51 | export { default as VbTextPrimary } from './src/Primary.vue' 52 | export { default as VbTextSuccess } from './src/Success.vue' 53 | export { default as VbTextWarning } from './src/Warning.vue' 54 | 55 | const components = [ 56 | Danger, 57 | Dark, 58 | Dark1, 59 | Dark2, 60 | Dark3, 61 | Dark4, 62 | Dark5, 63 | Dark6, 64 | Dark7, 65 | Dark8, 66 | Dark9, 67 | Default, 68 | Info, 69 | Light, 70 | Light1, 71 | Light2, 72 | Light3, 73 | Light4, 74 | Light5, 75 | Light6, 76 | Light7, 77 | Light8, 78 | Light9, 79 | Primary, 80 | Success, 81 | Warning 82 | ] 83 | 84 | const install = function(Vue) { 85 | components.forEach(component => { 86 | Vue.component(component.name, component) 87 | }) 88 | } 89 | 90 | export default { install } 91 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/index.js: -------------------------------------------------------------------------------- 1 | import Danger from './src/Danger.vue' 2 | import Dark from './src/Dark.vue' 3 | import Dark1 from './src/Dark1.vue' 4 | import Dark2 from './src/Dark2.vue' 5 | import Dark3 from './src/Dark3.vue' 6 | import Dark4 from './src/Dark4.vue' 7 | import Dark5 from './src/Dark5.vue' 8 | import Dark6 from './src/Dark6.vue' 9 | import Dark7 from './src/Dark7.vue' 10 | import Dark8 from './src/Dark8.vue' 11 | import Dark9 from './src/Dark9.vue' 12 | import Default from './src/Default.vue' 13 | import Info from './src/Info.vue' 14 | import Light from './src/Light.vue' 15 | import Light1 from './src/Light1.vue' 16 | import Light2 from './src/Light2.vue' 17 | import Light3 from './src/Light3.vue' 18 | import Light4 from './src/Light4.vue' 19 | import Light5 from './src/Light5.vue' 20 | import Light6 from './src/Light6.vue' 21 | import Light7 from './src/Light7.vue' 22 | import Light8 from './src/Light8.vue' 23 | import Light9 from './src/Light9.vue' 24 | import Primary from './src/Primary.vue' 25 | import Success from './src/Success.vue' 26 | import Warning from './src/Warning.vue' 27 | 28 | export { default as VbHeadingDanger } from './src/Danger.vue' 29 | export { default as VbHeadingDark } from './src/Dark.vue' 30 | export { default as VbHeadingDark1 } from './src/Dark1.vue' 31 | export { default as VbHeadingDark2 } from './src/Dark2.vue' 32 | export { default as VbHeadingDark3 } from './src/Dark3.vue' 33 | export { default as VbHeadingDark4 } from './src/Dark4.vue' 34 | export { default as VbHeadingDark5 } from './src/Dark5.vue' 35 | export { default as VbHeadingDark6 } from './src/Dark6.vue' 36 | export { default as VbHeadingDark7 } from './src/Dark7.vue' 37 | export { default as VbHeadingDark8 } from './src/Dark8.vue' 38 | export { default as VbHeadingDark9 } from './src/Dark9.vue' 39 | export { default as VbHeadingDefault } from './src/Default.vue' 40 | export { default as VbHeadingInfo } from './src/Info.vue' 41 | export { default as VbHeadingLight } from './src/Light.vue' 42 | export { default as VbHeadingLight1 } from './src/Light1.vue' 43 | export { default as VbHeadingLight2 } from './src/Light2.vue' 44 | export { default as VbHeadingLight3 } from './src/Light3.vue' 45 | export { default as VbHeadingLight4 } from './src/Light4.vue' 46 | export { default as VbHeadingLight5 } from './src/Light5.vue' 47 | export { default as VbHeadingLight6 } from './src/Light6.vue' 48 | export { default as VbHeadingLight7 } from './src/Light7.vue' 49 | export { default as VbHeadingLight8 } from './src/Light8.vue' 50 | export { default as VbHeadingLight9 } from './src/Light9.vue' 51 | export { default as VbHeadingPrimary } from './src/Primary.vue' 52 | export { default as VbHeadingSuccess } from './src/Success.vue' 53 | export { default as VbHeadingWarning } from './src/Warning.vue' 54 | 55 | const components = [ 56 | Danger, 57 | Dark, 58 | Dark1, 59 | Dark2, 60 | Dark3, 61 | Dark4, 62 | Dark5, 63 | Dark6, 64 | Dark7, 65 | Dark8, 66 | Dark9, 67 | Default, 68 | Info, 69 | Light, 70 | Light1, 71 | Light2, 72 | Light3, 73 | Light4, 74 | Light5, 75 | Light6, 76 | Light7, 77 | Light8, 78 | Light9, 79 | Primary, 80 | Success, 81 | Warning 82 | ] 83 | 84 | const install = function(Vue) { 85 | components.forEach(component => { 86 | Vue.component(component.name, component) 87 | }) 88 | } 89 | 90 | export default { install } 91 | -------------------------------------------------------------------------------- /src/components/atoms/Heading/Presenter.vue: -------------------------------------------------------------------------------- 1 | 143 | -------------------------------------------------------------------------------- /src/components/atoms/Item/Presenter.vue: -------------------------------------------------------------------------------- 1 | 152 | -------------------------------------------------------------------------------- /src/components/atoms/Text/Presenter.vue: -------------------------------------------------------------------------------- 1 | 187 | -------------------------------------------------------------------------------- /src/Test.vue: -------------------------------------------------------------------------------- 1 | 114 | 115 | 139 | 140 | 145 | -------------------------------------------------------------------------------- /dist/vue-bento.css: -------------------------------------------------------------------------------- 1 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */body{color:rgba(0,0,0,.7);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans Japanese,Meiryo,Yu Gothic Medium,sans-serif;line-height:1.5}img{max-width:100%;height:auto}img[src$=".svg"]{width:100%}iframe{max-width:100%}.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-weight:700}.wysiwyg h1{font-size:2em}.wysiwyg h2{font-size:1.5em}.wysiwyg h3{font-size:1.25em}.wysiwyg h4{font-size:1em}.wysiwyg h5{font-size:.875em}.wysiwyg h6{font-size:.75em}.wysiwyg p{line-height:1.9}.wysiwyg small{font-size:80%}.wysiwyg strong{font-weight:700}.wysiwyg em{font-style:italic}.wysiwyg del,.wysiwyg s{text-decoration:line-through}.wysiwyg a{cursor:pointer;color:#1cb4c7;border-bottom:1px solid currentColor}.wysiwyg a:active,.wysiwyg a:hover{border-bottom-color:transparent}.wysiwyg blockquote{background-color:#f5f5f5;border-left:.5em solid rgba(0,0,0,.05);border-radius:.125em;padding:1.5em}.wysiwyg :not(pre)>code{padding:.2em .5em;border-radius:.1875em;font-size:.875em;word-break:break-all}.wysiwyg :not(pre)>code,.wysiwyg pre{background-color:#f5f5f5;color:#646d9f;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,Meiryo,monospace,serif}.wysiwyg pre{border-radius:.125em;white-space:pre;word-wrap:normal;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.wysiwyg pre>code{display:block;padding:1.25em 1.5em}.wysiwyg ol,.wysiwyg ul{line-height:1.9;margin-left:1.5em}.wysiwyg ol>li,.wysiwyg ul>li{display:list-item}.wysiwyg ol>li li,.wysiwyg ul>li li{font-size:100%}.wysiwyg ul>li{list-style:circle outside}.wysiwyg ol>li{list-style:decimal outside}.wysiwyg table{width:100%;background-color:#fff}.wysiwyg table th{background-color:#1cb4c7;color:#fff;font-weight:400}.wysiwyg table td,.wysiwyg table th{padding:.75em 1em;border:1px solid #d1d7da}.wysiwyg hr{height:0;margin:0;padding:0;border:0;border-top:1px solid rgba(0,0,0,.15)}.is-mobile-xxl,.is-xxl{font-size:200%}.is-mobile-xl,.is-xl{font-size:150%}.is-lg,.is-mobile-lg{font-size:125%}.is-md,.is-mobile-md{font-size:100%}.is-mobile-sm,.is-sm{font-size:87.5%}.is-mobile-xs,.is-xs{font-size:75%}.is-mobile-xxs,.is-xxs{font-size:62.5%}@media screen and (min-width:576px){.is-fablet-xxl{font-size:200%}.is-fablet-xl{font-size:150%}.is-fablet-lg{font-size:125%}.is-fablet-md{font-size:100%}.is-fablet-sm{font-size:87.5%}.is-fablet-xs{font-size:75%}.is-fablet-xxs{font-size:62.5%}}@media screen and (min-width:768px){.is-tablet-xxl{font-size:200%}.is-tablet-xl{font-size:150%}.is-tablet-lg{font-size:125%}.is-tablet-md{font-size:100%}.is-tablet-sm{font-size:87.5%}.is-tablet-xs{font-size:75%}.is-tablet-xxs{font-size:62.5%}}@media screen and (min-width:992px){.is-desktop-xxl{font-size:200%}.is-desktop-xl{font-size:150%}.is-desktop-lg{font-size:125%}.is-desktop-md{font-size:100%}.is-desktop-sm{font-size:87.5%}.is-desktop-xs{font-size:75%}.is-desktop-xxs{font-size:62.5%}}@media screen and (min-width:1200px){.is-wide-xxl{font-size:200%}.is-wide-xl{font-size:150%}.is-wide-lg{font-size:125%}.is-wide-md{font-size:100%}.is-wide-sm{font-size:87.5%}.is-wide-xs{font-size:75%}.is-wide-xxs{font-size:62.5%}}@media screen and (max-width:575px){.is-mobile-only-xxl{font-size:200%}.is-mobile-only-xl{font-size:150%}.is-mobile-only-lg{font-size:125%}.is-mobile-only-md{font-size:100%}.is-mobile-only-sm{font-size:87.5%}.is-mobile-only-xs{font-size:75%}.is-mobile-only-xxs{font-size:62.5%}}@media screen and (min-width:576px) and (max-width:767px){.is-fablet-only-xxl{font-size:200%}.is-fablet-only-xl{font-size:150%}.is-fablet-only-lg{font-size:125%}.is-fablet-only-md{font-size:100%}.is-fablet-only-sm{font-size:87.5%}.is-fablet-only-xs{font-size:75%}.is-fablet-only-xxs{font-size:62.5%}}@media screen and (min-width:768px) and (max-width:991px){.is-tablet-only-xxl{font-size:200%}.is-tablet-only-xl{font-size:150%}.is-tablet-only-lg{font-size:125%}.is-tablet-only-md{font-size:100%}.is-tablet-only-sm{font-size:87.5%}.is-tablet-only-xs{font-size:75%}.is-tablet-only-xxs{font-size:62.5%}}@media screen and (min-width:992px) and (max-width:1199px){.is-desktop-only-xxl{font-size:200%}.is-desktop-only-xl{font-size:150%}.is-desktop-only-lg{font-size:125%}.is-desktop-only-md{font-size:100%}.is-desktop-only-sm{font-size:87.5%}.is-desktop-only-xs{font-size:75%}.is-desktop-only-xxs{font-size:62.5%}}@media screen and (min-width:1200px){.is-wide-only-xxl{font-size:200%}.is-wide-only-xl{font-size:150%}.is-wide-only-lg{font-size:125%}.is-wide-only-md{font-size:100%}.is-wide-only-sm{font-size:87.5%}.is-wide-only-xs{font-size:75%}.is-wide-only-xxs{font-size:62.5%}}@media screen and (max-width:767px){.is-mobile-fablet-xxl{font-size:200%}.is-mobile-fablet-xl{font-size:150%}.is-mobile-fablet-lg{font-size:125%}.is-mobile-fablet-md{font-size:100%}.is-mobile-fablet-sm{font-size:87.5%}.is-mobile-fablet-xs{font-size:75%}.is-mobile-fablet-xxs{font-size:62.5%}}@media screen and (max-width:991px){.is-mobile-tablet-xxl{font-size:200%}.is-mobile-tablet-xl{font-size:150%}.is-mobile-tablet-lg{font-size:125%}.is-mobile-tablet-md{font-size:100%}.is-mobile-tablet-sm{font-size:87.5%}.is-mobile-tablet-xs{font-size:75%}.is-mobile-tablet-xxs{font-size:62.5%}}@media screen and (max-width:1199px){.is-mobile-desktop-xxl{font-size:200%}.is-mobile-desktop-xl{font-size:150%}.is-mobile-desktop-lg{font-size:125%}.is-mobile-desktop-md{font-size:100%}.is-mobile-desktop-sm{font-size:87.5%}.is-mobile-desktop-xs{font-size:75%}.is-mobile-desktop-xxs{font-size:62.5%}}@media (orientation:landscape) and (max-width:991px){.is-landscape-xxl{font-size:200%}.is-landscape-xl{font-size:150%}.is-landscape-lg{font-size:125%}.is-landscape-md{font-size:100%}.is-landscape-sm{font-size:87.5%}.is-landscape-xs{font-size:75%}.is-landscape-xxs{font-size:62.5%}}@media (orientation:portrait) and (max-width:991px){.is-portrait-xxl{font-size:200%}.is-portrait-xl{font-size:150%}.is-portrait-lg{font-size:125%}.is-portrait-md{font-size:100%}.is-portrait-sm{font-size:87.5%}.is-portrait-xs{font-size:75%}.is-portrait-xxs{font-size:62.5%}}.is-mobile-0{flex:1 0 0%}.is-mobile-1{flex:0 0 8.33333%;width:8.33333%}.is-mobile-2{flex:0 0 16.66667%;width:16.66667%}.is-mobile-3{flex:0 0 25%;width:25%}.is-mobile-4{flex:0 0 33.33333%;width:33.33333%}.is-mobile-5{flex:0 0 41.66667%;width:41.66667%}.is-mobile-6{flex:0 0 50%;width:50%}.is-mobile-7{flex:0 0 58.33333%;width:58.33333%}.is-mobile-8{flex:0 0 66.66667%;width:66.66667%}.is-mobile-9{flex:0 0 75%;width:75%}.is-mobile-10{flex:0 0 83.33333%;width:83.33333%}.is-mobile-11{flex:0 0 91.66667%;width:91.66667%}.is-mobile-12{flex:0 0 100%;width:100%}.is-mobile-full{flex:0 1 100%;width:100%}.is-mobile-auto{flex:0 1 auto;width:auto}@media screen and (min-width:576px){.is-fablet-0{flex:1 0 0%}.is-fablet-1{flex:0 0 8.33333%;width:8.33333%}.is-fablet-2{flex:0 0 16.66667%;width:16.66667%}.is-fablet-3{flex:0 0 25%;width:25%}.is-fablet-4{flex:0 0 33.33333%;width:33.33333%}.is-fablet-5{flex:0 0 41.66667%;width:41.66667%}.is-fablet-6{flex:0 0 50%;width:50%}.is-fablet-7{flex:0 0 58.33333%;width:58.33333%}.is-fablet-8{flex:0 0 66.66667%;width:66.66667%}.is-fablet-9{flex:0 0 75%;width:75%}.is-fablet-10{flex:0 0 83.33333%;width:83.33333%}.is-fablet-11{flex:0 0 91.66667%;width:91.66667%}.is-fablet-12{flex:0 0 100%;width:100%}.is-fablet-full{flex:0 1 100%;width:100%}.is-fablet-auto{flex:0 1 auto;width:auto}}@media screen and (min-width:768px){.is-tablet-0{flex:1 0 0%}.is-tablet-1{flex:0 0 8.33333%;width:8.33333%}.is-tablet-2{flex:0 0 16.66667%;width:16.66667%}.is-tablet-3{flex:0 0 25%;width:25%}.is-tablet-4{flex:0 0 33.33333%;width:33.33333%}.is-tablet-5{flex:0 0 41.66667%;width:41.66667%}.is-tablet-6{flex:0 0 50%;width:50%}.is-tablet-7{flex:0 0 58.33333%;width:58.33333%}.is-tablet-8{flex:0 0 66.66667%;width:66.66667%}.is-tablet-9{flex:0 0 75%;width:75%}.is-tablet-10{flex:0 0 83.33333%;width:83.33333%}.is-tablet-11{flex:0 0 91.66667%;width:91.66667%}.is-tablet-12{flex:0 0 100%;width:100%}.is-tablet-full{flex:0 1 100%;width:100%}.is-tablet-auto{flex:0 1 auto;width:auto}}@media screen and (min-width:992px){.is-desktop-0{flex:1 0 0%}.is-desktop-1{flex:0 0 8.33333%;width:8.33333%}.is-desktop-2{flex:0 0 16.66667%;width:16.66667%}.is-desktop-3{flex:0 0 25%;width:25%}.is-desktop-4{flex:0 0 33.33333%;width:33.33333%}.is-desktop-5{flex:0 0 41.66667%;width:41.66667%}.is-desktop-6{flex:0 0 50%;width:50%}.is-desktop-7{flex:0 0 58.33333%;width:58.33333%}.is-desktop-8{flex:0 0 66.66667%;width:66.66667%}.is-desktop-9{flex:0 0 75%;width:75%}.is-desktop-10{flex:0 0 83.33333%;width:83.33333%}.is-desktop-11{flex:0 0 91.66667%;width:91.66667%}.is-desktop-12{flex:0 0 100%;width:100%}.is-desktop-full{flex:0 1 100%;width:100%}.is-desktop-auto{flex:0 1 auto;width:auto}}@media screen and (min-width:1200px){.is-wide-0{flex:1 0 0%}.is-wide-1{flex:0 0 8.33333%;width:8.33333%}.is-wide-2{flex:0 0 16.66667%;width:16.66667%}.is-wide-3{flex:0 0 25%;width:25%}.is-wide-4{flex:0 0 33.33333%;width:33.33333%}.is-wide-5{flex:0 0 41.66667%;width:41.66667%}.is-wide-6{flex:0 0 50%;width:50%}.is-wide-7{flex:0 0 58.33333%;width:58.33333%}.is-wide-8{flex:0 0 66.66667%;width:66.66667%}.is-wide-9{flex:0 0 75%;width:75%}.is-wide-10{flex:0 0 83.33333%;width:83.33333%}.is-wide-11{flex:0 0 91.66667%;width:91.66667%}.is-wide-12{flex:0 0 100%;width:100%}.is-wide-full{flex:0 1 100%;width:100%}.is-wide-auto{flex:0 1 auto;width:auto}}@media screen and (max-width:575px){.is-mobile-only-0{flex:1 0 0%}.is-mobile-only-1{flex:0 0 8.33333%;width:8.33333%}.is-mobile-only-2{flex:0 0 16.66667%;width:16.66667%}.is-mobile-only-3{flex:0 0 25%;width:25%}.is-mobile-only-4{flex:0 0 33.33333%;width:33.33333%}.is-mobile-only-5{flex:0 0 41.66667%;width:41.66667%}.is-mobile-only-6{flex:0 0 50%;width:50%}.is-mobile-only-7{flex:0 0 58.33333%;width:58.33333%}.is-mobile-only-8{flex:0 0 66.66667%;width:66.66667%}.is-mobile-only-9{flex:0 0 75%;width:75%}.is-mobile-only-10{flex:0 0 83.33333%;width:83.33333%}.is-mobile-only-11{flex:0 0 91.66667%;width:91.66667%}.is-mobile-only-12{flex:0 0 100%;width:100%}.is-mobile-only-full{flex:0 1 100%;width:100%}.is-mobile-only-auto{flex:0 1 auto;width:auto}}@media screen and (min-width:576px) and (max-width:767px){.is-fablet-only-0{flex:1 0 0%}.is-fablet-only-1{flex:0 0 8.33333%;width:8.33333%}.is-fablet-only-2{flex:0 0 16.66667%;width:16.66667%}.is-fablet-only-3{flex:0 0 25%;width:25%}.is-fablet-only-4{flex:0 0 33.33333%;width:33.33333%}.is-fablet-only-5{flex:0 0 41.66667%;width:41.66667%}.is-fablet-only-6{flex:0 0 50%;width:50%}.is-fablet-only-7{flex:0 0 58.33333%;width:58.33333%}.is-fablet-only-8{flex:0 0 66.66667%;width:66.66667%}.is-fablet-only-9{flex:0 0 75%;width:75%}.is-fablet-only-10{flex:0 0 83.33333%;width:83.33333%}.is-fablet-only-11{flex:0 0 91.66667%;width:91.66667%}.is-fablet-only-12{flex:0 0 100%;width:100%}.is-fablet-only-full{flex:0 1 100%;width:100%}.is-fablet-only-auto{flex:0 1 auto;width:auto}}@media screen and (min-width:768px) and (max-width:991px){.is-tablet-only-0{flex:1 0 0%}.is-tablet-only-1{flex:0 0 8.33333%;width:8.33333%}.is-tablet-only-2{flex:0 0 16.66667%;width:16.66667%}.is-tablet-only-3{flex:0 0 25%;width:25%}.is-tablet-only-4{flex:0 0 33.33333%;width:33.33333%}.is-tablet-only-5{flex:0 0 41.66667%;width:41.66667%}.is-tablet-only-6{flex:0 0 50%;width:50%}.is-tablet-only-7{flex:0 0 58.33333%;width:58.33333%}.is-tablet-only-8{flex:0 0 66.66667%;width:66.66667%}.is-tablet-only-9{flex:0 0 75%;width:75%}.is-tablet-only-10{flex:0 0 83.33333%;width:83.33333%}.is-tablet-only-11{flex:0 0 91.66667%;width:91.66667%}.is-tablet-only-12{flex:0 0 100%;width:100%}.is-tablet-only-full{flex:0 1 100%;width:100%}.is-tablet-only-auto{flex:0 1 auto;width:auto}}@media screen and (min-width:992px) and (max-width:1199px){.is-desktop-only-0{flex:1 0 0%}.is-desktop-only-1{flex:0 0 8.33333%;width:8.33333%}.is-desktop-only-2{flex:0 0 16.66667%;width:16.66667%}.is-desktop-only-3{flex:0 0 25%;width:25%}.is-desktop-only-4{flex:0 0 33.33333%;width:33.33333%}.is-desktop-only-5{flex:0 0 41.66667%;width:41.66667%}.is-desktop-only-6{flex:0 0 50%;width:50%}.is-desktop-only-7{flex:0 0 58.33333%;width:58.33333%}.is-desktop-only-8{flex:0 0 66.66667%;width:66.66667%}.is-desktop-only-9{flex:0 0 75%;width:75%}.is-desktop-only-10{flex:0 0 83.33333%;width:83.33333%}.is-desktop-only-11{flex:0 0 91.66667%;width:91.66667%}.is-desktop-only-12{flex:0 0 100%;width:100%}.is-desktop-only-full{flex:0 1 100%;width:100%}.is-desktop-only-auto{flex:0 1 auto;width:auto}}@media screen and (min-width:1200px){.is-wide-only-0{flex:1 0 0%}.is-wide-only-1{flex:0 0 8.33333%;width:8.33333%}.is-wide-only-2{flex:0 0 16.66667%;width:16.66667%}.is-wide-only-3{flex:0 0 25%;width:25%}.is-wide-only-4{flex:0 0 33.33333%;width:33.33333%}.is-wide-only-5{flex:0 0 41.66667%;width:41.66667%}.is-wide-only-6{flex:0 0 50%;width:50%}.is-wide-only-7{flex:0 0 58.33333%;width:58.33333%}.is-wide-only-8{flex:0 0 66.66667%;width:66.66667%}.is-wide-only-9{flex:0 0 75%;width:75%}.is-wide-only-10{flex:0 0 83.33333%;width:83.33333%}.is-wide-only-11{flex:0 0 91.66667%;width:91.66667%}.is-wide-only-12{flex:0 0 100%;width:100%}.is-wide-only-full{flex:0 1 100%;width:100%}.is-wide-only-auto{flex:0 1 auto;width:auto}}@media screen and (max-width:767px){.is-mobile-fablet-0{flex:1 0 0%}.is-mobile-fablet-1{flex:0 0 8.33333%;width:8.33333%}.is-mobile-fablet-2{flex:0 0 16.66667%;width:16.66667%}.is-mobile-fablet-3{flex:0 0 25%;width:25%}.is-mobile-fablet-4{flex:0 0 33.33333%;width:33.33333%}.is-mobile-fablet-5{flex:0 0 41.66667%;width:41.66667%}.is-mobile-fablet-6{flex:0 0 50%;width:50%}.is-mobile-fablet-7{flex:0 0 58.33333%;width:58.33333%}.is-mobile-fablet-8{flex:0 0 66.66667%;width:66.66667%}.is-mobile-fablet-9{flex:0 0 75%;width:75%}.is-mobile-fablet-10{flex:0 0 83.33333%;width:83.33333%}.is-mobile-fablet-11{flex:0 0 91.66667%;width:91.66667%}.is-mobile-fablet-12{flex:0 0 100%;width:100%}.is-mobile-fablet-full{flex:0 1 100%;width:100%}.is-mobile-fablet-auto{flex:0 1 auto;width:auto}}@media screen and (max-width:991px){.is-mobile-tablet-0{flex:1 0 0%}.is-mobile-tablet-1{flex:0 0 8.33333%;width:8.33333%}.is-mobile-tablet-2{flex:0 0 16.66667%;width:16.66667%}.is-mobile-tablet-3{flex:0 0 25%;width:25%}.is-mobile-tablet-4{flex:0 0 33.33333%;width:33.33333%}.is-mobile-tablet-5{flex:0 0 41.66667%;width:41.66667%}.is-mobile-tablet-6{flex:0 0 50%;width:50%}.is-mobile-tablet-7{flex:0 0 58.33333%;width:58.33333%}.is-mobile-tablet-8{flex:0 0 66.66667%;width:66.66667%}.is-mobile-tablet-9{flex:0 0 75%;width:75%}.is-mobile-tablet-10{flex:0 0 83.33333%;width:83.33333%}.is-mobile-tablet-11{flex:0 0 91.66667%;width:91.66667%}.is-mobile-tablet-12{flex:0 0 100%;width:100%}.is-mobile-tablet-full{flex:0 1 100%;width:100%}.is-mobile-tablet-auto{flex:0 1 auto;width:auto}}@media screen and (max-width:1199px){.is-mobile-desktop-0{flex:1 0 0%}.is-mobile-desktop-1{flex:0 0 8.33333%;width:8.33333%}.is-mobile-desktop-2{flex:0 0 16.66667%;width:16.66667%}.is-mobile-desktop-3{flex:0 0 25%;width:25%}.is-mobile-desktop-4{flex:0 0 33.33333%;width:33.33333%}.is-mobile-desktop-5{flex:0 0 41.66667%;width:41.66667%}.is-mobile-desktop-6{flex:0 0 50%;width:50%}.is-mobile-desktop-7{flex:0 0 58.33333%;width:58.33333%}.is-mobile-desktop-8{flex:0 0 66.66667%;width:66.66667%}.is-mobile-desktop-9{flex:0 0 75%;width:75%}.is-mobile-desktop-10{flex:0 0 83.33333%;width:83.33333%}.is-mobile-desktop-11{flex:0 0 91.66667%;width:91.66667%}.is-mobile-desktop-12{flex:0 0 100%;width:100%}.is-mobile-desktop-full{flex:0 1 100%;width:100%}.is-mobile-desktop-auto{flex:0 1 auto;width:auto}}@media (orientation:landscape) and (max-width:991px){.is-landscape-0{flex:1 0 0%}.is-landscape-1{flex:0 0 8.33333%;width:8.33333%}.is-landscape-2{flex:0 0 16.66667%;width:16.66667%}.is-landscape-3{flex:0 0 25%;width:25%}.is-landscape-4{flex:0 0 33.33333%;width:33.33333%}.is-landscape-5{flex:0 0 41.66667%;width:41.66667%}.is-landscape-6{flex:0 0 50%;width:50%}.is-landscape-7{flex:0 0 58.33333%;width:58.33333%}.is-landscape-8{flex:0 0 66.66667%;width:66.66667%}.is-landscape-9{flex:0 0 75%;width:75%}.is-landscape-10{flex:0 0 83.33333%;width:83.33333%}.is-landscape-11{flex:0 0 91.66667%;width:91.66667%}.is-landscape-12{flex:0 0 100%;width:100%}.is-landscape-full{flex:0 1 100%;width:100%}.is-landscape-auto{flex:0 1 auto;width:auto}}@media (orientation:portrait) and (max-width:991px){.is-portrait-0{flex:1 0 0%}.is-portrait-1{flex:0 0 8.33333%;width:8.33333%}.is-portrait-2{flex:0 0 16.66667%;width:16.66667%}.is-portrait-3{flex:0 0 25%;width:25%}.is-portrait-4{flex:0 0 33.33333%;width:33.33333%}.is-portrait-5{flex:0 0 41.66667%;width:41.66667%}.is-portrait-6{flex:0 0 50%;width:50%}.is-portrait-7{flex:0 0 58.33333%;width:58.33333%}.is-portrait-8{flex:0 0 66.66667%;width:66.66667%}.is-portrait-9{flex:0 0 75%;width:75%}.is-portrait-10{flex:0 0 83.33333%;width:83.33333%}.is-portrait-11{flex:0 0 91.66667%;width:91.66667%}.is-portrait-12{flex:0 0 100%;width:100%}.is-portrait-full{flex:0 1 100%;width:100%}.is-portrait-auto{flex:0 1 auto;width:auto}}.is-dark{color:#000}.is-dark-1{color:rgba(0,0,0,.87)}.is-dark-2{color:rgba(0,0,0,.7)}.is-dark-3{color:rgba(0,0,0,.6)}.is-dark-4{color:rgba(0,0,0,.5)}.is-dark-5{color:rgba(0,0,0,.4)}.is-dark-6{color:rgba(0,0,0,.26)}.is-dark-7{color:rgba(0,0,0,.15)}.is-dark-8{color:rgba(0,0,0,.12)}.is-dark-9{color:rgba(0,0,0,.05)}.is-light{color:#fff}.is-light-1{color:hsla(0,0%,100%,.87)}.is-light-2{color:hsla(0,0%,100%,.7)}.is-light-3{color:hsla(0,0%,100%,.6)}.is-light-4{color:hsla(0,0%,100%,.5)}.is-light-5{color:hsla(0,0%,100%,.4)}.is-light-6{color:hsla(0,0%,100%,.26)}.is-light-7{color:hsla(0,0%,100%,.15)}.is-light-8{color:hsla(0,0%,100%,.12)}.is-light-9{color:hsla(0,0%,100%,.05)}.is-primary:not(.btn){color:#1cb4c7}.is-info:not(.btn){color:#4b9ad8}.is-success:not(.btn){color:#1bbc5e}.is-warning:not(.btn){color:#e79024}.is-danger:not(.btn){color:#e65d53}.is-normal{font-weight:400}.is-strong{font-weight:700}.is-weight-100{font-weight:100}.is-weight-200{font-weight:200}.is-weight-300{font-weight:300}.is-weight-400{font-weight:400}.is-weight-500{font-weight:500}.is-weight-600{font-weight:600}.is-weight-700{font-weight:700}.is-weight-800{font-weight:800}.is-weight-900{font-weight:900}.is-italic{font-style:italic}.is-delete{text-decoration:line-through}.is-capitalize{text-transform:capitalize}.is-lowercase{text-transform:lowercase}.is-uppercase{text-transform:uppercase}:not(.grid):not(.btns):not(.field).is-left,:not(.grid):not(.btns):not(.field).is-mobile-left{text-align:left}:not(.grid):not(.btns):not(.field).is-center,:not(.grid):not(.btns):not(.field).is-mobile-center{text-align:center}:not(.grid):not(.btns):not(.field).is-mobile-right,:not(.grid):not(.btns):not(.field).is-right{text-align:right}@media screen and (min-width:576px){:not(.grid):not(.btns):not(.field).is-fablet-left{text-align:left}:not(.grid):not(.btns):not(.field).is-fablet-center{text-align:center}:not(.grid):not(.btns):not(.field).is-fablet-right{text-align:right}}@media screen and (min-width:768px){:not(.grid):not(.btns):not(.field).is-tablet-left{text-align:left}:not(.grid):not(.btns):not(.field).is-tablet-center{text-align:center}:not(.grid):not(.btns):not(.field).is-tablet-right{text-align:right}}@media screen and (min-width:992px){:not(.grid):not(.btns):not(.field).is-desktop-left{text-align:left}:not(.grid):not(.btns):not(.field).is-desktop-center{text-align:center}:not(.grid):not(.btns):not(.field).is-desktop-right{text-align:right}}@media screen and (min-width:1200px){:not(.grid):not(.btns):not(.field).is-wide-left{text-align:left}:not(.grid):not(.btns):not(.field).is-wide-center{text-align:center}:not(.grid):not(.btns):not(.field).is-wide-right{text-align:right}}@media screen and (max-width:575px){:not(.grid):not(.btns):not(.field).is-mobile-only-left{text-align:left}:not(.grid):not(.btns):not(.field).is-mobile-only-center{text-align:center}:not(.grid):not(.btns):not(.field).is-mobile-only-right{text-align:right}}@media screen and (min-width:576px) and (max-width:767px){:not(.grid):not(.btns):not(.field).is-fablet-only-left{text-align:left}:not(.grid):not(.btns):not(.field).is-fablet-only-center{text-align:center}:not(.grid):not(.btns):not(.field).is-fablet-only-right{text-align:right}}@media screen and (min-width:768px) and (max-width:991px){:not(.grid):not(.btns):not(.field).is-tablet-only-left{text-align:left}:not(.grid):not(.btns):not(.field).is-tablet-only-center{text-align:center}:not(.grid):not(.btns):not(.field).is-tablet-only-right{text-align:right}}@media screen and (min-width:992px) and (max-width:1199px){:not(.grid):not(.btns):not(.field).is-desktop-only-left{text-align:left}:not(.grid):not(.btns):not(.field).is-desktop-only-center{text-align:center}:not(.grid):not(.btns):not(.field).is-desktop-only-right{text-align:right}}@media screen and (min-width:1200px){:not(.grid):not(.btns):not(.field).is-wide-only-left{text-align:left}:not(.grid):not(.btns):not(.field).is-wide-only-center{text-align:center}:not(.grid):not(.btns):not(.field).is-wide-only-right{text-align:right}}@media screen and (max-width:767px){:not(.grid):not(.btns):not(.field).is-mobile-fablet-left{text-align:left}:not(.grid):not(.btns):not(.field).is-mobile-fablet-center{text-align:center}:not(.grid):not(.btns):not(.field).is-mobile-fablet-right{text-align:right}}@media screen and (max-width:991px){:not(.grid):not(.btns):not(.field).is-mobile-tablet-left{text-align:left}:not(.grid):not(.btns):not(.field).is-mobile-tablet-center{text-align:center}:not(.grid):not(.btns):not(.field).is-mobile-tablet-right{text-align:right}}@media screen and (max-width:1199px){:not(.grid):not(.btns):not(.field).is-mobile-desktop-left{text-align:left}:not(.grid):not(.btns):not(.field).is-mobile-desktop-center{text-align:center}:not(.grid):not(.btns):not(.field).is-mobile-desktop-right{text-align:right}}@media (orientation:landscape) and (max-width:991px){:not(.grid):not(.btns):not(.field).is-landscape-left{text-align:left}:not(.grid):not(.btns):not(.field).is-landscape-center{text-align:center}:not(.grid):not(.btns):not(.field).is-landscape-right{text-align:right}}@media (orientation:portrait) and (max-width:991px){:not(.grid):not(.btns):not(.field).is-portrait-left{text-align:left}:not(.grid):not(.btns):not(.field).is-portrait-center{text-align:center}:not(.grid):not(.btns):not(.field).is-portrait-right{text-align:right}}:not(.grid):not(.btns):not(.field).is-justify{text-align:justify}:not(.grid):not(.btns):not(.field).is-baseline{vertical-align:baseline}:not(.grid):not(.btns):not(.field).is-top{vertical-align:top}:not(.grid):not(.btns):not(.field).is-middle{vertical-align:middle}:not(.grid):not(.btns):not(.field).is-bottom{vertical-align:bottom}.is-nowrap{white-space:nowrap}.is-break{word-break:break-all}.is-centering{margin:0 auto}.is-scroll-x{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.is-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-block,.is-mobile-block{display:block}.is-inline,.is-mobile-inline{display:inline}.is-inline-block,.is-mobile-inline-block{display:inline-block}.is-mobile-none,.is-none{display:none}@media screen and (min-width:576px){.is-fablet-block{display:block}.is-fablet-inline{display:inline}.is-fablet-inline-block{display:inline-block}.is-fablet-none{display:none}}@media screen and (min-width:768px){.is-tablet-block{display:block}.is-tablet-inline{display:inline}.is-tablet-inline-block{display:inline-block}.is-tablet-none{display:none}}@media screen and (min-width:992px){.is-desktop-block{display:block}.is-desktop-inline{display:inline}.is-desktop-inline-block{display:inline-block}.is-desktop-none{display:none}}@media screen and (min-width:1200px){.is-wide-block{display:block}.is-wide-inline{display:inline}.is-wide-inline-block{display:inline-block}.is-wide-none{display:none}}@media screen and (max-width:575px){.is-mobile-only-block{display:block}.is-mobile-only-inline{display:inline}.is-mobile-only-inline-block{display:inline-block}.is-mobile-only-none{display:none}}@media screen and (min-width:576px) and (max-width:767px){.is-fablet-only-block{display:block}.is-fablet-only-inline{display:inline}.is-fablet-only-inline-block{display:inline-block}.is-fablet-only-none{display:none}}@media screen and (min-width:768px) and (max-width:991px){.is-tablet-only-block{display:block}.is-tablet-only-inline{display:inline}.is-tablet-only-inline-block{display:inline-block}.is-tablet-only-none{display:none}}@media screen and (min-width:992px) and (max-width:1199px){.is-desktop-only-block{display:block}.is-desktop-only-inline{display:inline}.is-desktop-only-inline-block{display:inline-block}.is-desktop-only-none{display:none}}@media screen and (min-width:1200px){.is-wide-only-block{display:block}.is-wide-only-inline{display:inline}.is-wide-only-inline-block{display:inline-block}.is-wide-only-none{display:none}}@media screen and (max-width:767px){.is-mobile-fablet-block{display:block}.is-mobile-fablet-inline{display:inline}.is-mobile-fablet-inline-block{display:inline-block}.is-mobile-fablet-none{display:none}}@media screen and (max-width:991px){.is-mobile-tablet-block{display:block}.is-mobile-tablet-inline{display:inline}.is-mobile-tablet-inline-block{display:inline-block}.is-mobile-tablet-none{display:none}}@media screen and (max-width:1199px){.is-mobile-desktop-block{display:block}.is-mobile-desktop-inline{display:inline}.is-mobile-desktop-inline-block{display:inline-block}.is-mobile-desktop-none{display:none}}@media (orientation:landscape) and (max-width:991px){.is-landscape-block{display:block}.is-landscape-inline{display:inline}.is-landscape-inline-block{display:inline-block}.is-landscape-none{display:none}}@media (orientation:portrait) and (max-width:991px){.is-portrait-block{display:block}.is-portrait-inline{display:inline}.is-portrait-inline-block{display:inline-block}.is-portrait-none{display:none}}.is-clearfix:after{content:"";display:block;clear:both}.fa,.fab,.fal,.far,.fas,.icon,.im,.material-icons{font-size:inherit;line-height:inherit}.material-icons{vertical-align:bottom}.fa+.text,.fab+.text,.fal+.text,.far+.text,.fas+.text,.icon+.text,.im+.text,.material-icons+.text,.text+.fa,.text+.fab,.text+.fal,.text+.far,.text+.fas,.text+.icon,.text+.im,.text+.material-icons{margin-left:.375em}.fa.is-fit,.fab.is-fit,.fal.is-fit,.far.is-fit,.fas.is-fit,.icon.is-fit,.im.is-fit,.material-icons.is-fit{width:1em;text-align:center} 2 | 3 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.alert{padding:.675em .875em;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:2px}.alert.is-primary{background-color:#edf8fa;border-color:#9fdde4}.alert.is-info{background-color:#eef5fb;border-color:#abd0ed}.alert.is-success{background-color:#eaf8ee;border-color:#96e2bd}.alert.is-warning{background-color:#fbf0de;border-color:#f4d09a}.alert.is-danger{background-color:#fef1f3;border-color:#f4b9b4} 4 | 5 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 6 | 7 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 8 | 9 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 10 | 11 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 12 | 13 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 14 | 15 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.grid{display:flex;flex-wrap:wrap}.grid:not(.is-gap-none){margin-left:-.5em;margin-bottom:-.5em}.grid:not(.is-gap-none)>.col{padding-left:.5em;padding-bottom:.5em}.grid.is-middle{align-items:center}.grid.is-bottom{align-items:flex-end}.grid.is-center{justify-content:center}.grid.is-right{justify-content:flex-end}.grid.is-between{justify-content:space-between}.grid.is-reverse{flex-direction:row-reverse}.grid.is-around{justify-content:space-around}.grid.is-stretch>.col{display:flex} 16 | 17 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 18 | 19 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 20 | 21 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 22 | 23 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 24 | 25 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 26 | 27 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 28 | 29 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 30 | 31 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 32 | 33 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 34 | 35 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 36 | 37 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 38 | 39 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 40 | 41 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 42 | 43 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 44 | 45 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 46 | 47 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 48 | 49 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 50 | 51 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 52 | 53 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 54 | 55 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 56 | 57 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 58 | 59 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 60 | 61 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 62 | 63 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 64 | 65 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 66 | 67 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.heading{position:relative} 68 | 69 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 70 | 71 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 72 | 73 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.section>.inner{max-width:100%;padding:0 16px;margin:0 auto}@media screen and (min-width:576px){.section>.inner{width:540px}}@media screen and (min-width:768px){.section>.inner{width:720px}}@media screen and (min-width:992px){.section>.inner{width:960px}}@media screen and (min-width:1200px){.section>.inner{width:1140px}}.section>.inner-vw{max-width:100%;padding:0 1em;margin:0 auto}@media screen and (min-width:576px){.section>.inner-vw{width:90vw}}.section>.inner-soft{max-width:100%;padding:0 1em;margin:0 auto} 74 | 75 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 76 | 77 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 78 | 79 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 80 | 81 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 82 | 83 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 84 | 85 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 86 | 87 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 88 | 89 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 90 | 91 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 92 | 93 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 94 | 95 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 96 | 97 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 98 | 99 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 100 | 101 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 102 | 103 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 104 | 105 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 106 | 107 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.btns{display:flex;flex-wrap:wrap}.btns:not(.is-bar){margin-left:-.5em;margin-bottom:-.5em}.btns:not(.is-bar)>.btn,.btns:not(.is-bar)>.btns{margin-left:.5em;margin-bottom:.5em}.btns>.btns{display:inline-flex}.btns.is-middle{align-items:center}.btns.is-bottom{align-items:flex-end}.btns.is-center{justify-content:center}.btns.is-right{justify-content:flex-end}.btns.is-between{justify-content:space-between}.btns.is-around{justify-content:space-around}.btns.is-bar,.field.is-bar{flex-wrap:nowrap}.btns.is-bar>.btn,.field.is-bar>.btn{border-radius:0;overflow:hidden}.btns.is-bar>.btn:not(.is-round):first-child,.field.is-bar>.btn:not(.is-round):first-child{border-top-left-radius:.1875em;border-bottom-left-radius:.1875em}.btns.is-bar>.btn:not(.is-round):last-child,.field.is-bar>.btn:not(.is-round):last-child{border-top-right-radius:.1875em;border-bottom-right-radius:.1875em}.btns.is-bar>.btn.is-round:first-child,.field.is-bar>.btn.is-round:first-child{border-top-left-radius:999em;border-bottom-left-radius:999em}.btns.is-bar>.btn.is-round:last-child,.field.is-bar>.btn.is-round:last-child{border-top-right-radius:999em;border-bottom-right-radius:999em}.btns.is-bar>.btn:nth-child(2),.btns.is-bar>.btn:nth-child(2)~.btn,.field.is-bar>.btn:nth-child(2),.field.is-bar>.btn:nth-child(2)~.btn{border-left:none}.btn{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;align-self:flex-start;white-space:nowrap;padding:.5em 1em;border-radius:.1875em;line-height:1.5;text-align:center;transition:.12s ease-out}.btn[type=button],.btn[type=reset],.btn[type=submit]{color:rgba(0,0,0,.7)}.btn.is-disable,.btn[disabled]{cursor:default}.btn.is-circle,.btn.is-round{border-radius:999em}.btn.is-circle{position:relative;width:calc(2.5em + 2px);height:calc(2.5em + 2px);padding:0;line-height:1}.btn.is-floating:not(.is-disable){box-shadow:0 1px 3px 0 rgba(0,0,0,.24)}.btn.is-floating:not(.is-disable):hover{box-shadow:0 4px 12px 0 rgba(0,0,0,.24)}.btn.is-plain{background-color:#f5f5f5;border:1px solid transparent}.btn.is-plain:hover{background-color:#e8e8e8}.btn.is-plain.is-primary{background-color:#1cb4c7;color:#fff}.btn.is-plain.is-primary:hover{background-color:#199fb1}.btn.is-plain.is-info{background-color:#4b9ad8;color:#fff}.btn.is-plain.is-info:hover{background-color:#368ed4}.btn.is-plain.is-success{background-color:#1bbc5e;color:#fff}.btn.is-plain.is-success:hover{background-color:#18a653}.btn.is-plain.is-warning{background-color:#e79024;color:#fff}.btn.is-plain.is-warning:hover{background-color:#d98418}.btn.is-plain.is-danger{background-color:#e65d53;color:#fff}.btn.is-plain.is-danger:hover{background-color:#e3483d}.btn.is-plain.is-disable,.btn.is-plain.is-disable:hover,.btn.is-plain[disabled],.btn.is-plain[disabled]:hover{background-color:#bdbdbd;color:rgba(0,0,0,.26)}.btn.is-melt{background-color:transparent;border:1px solid transparent}.btn.is-melt:hover{background-color:rgba(0,0,0,.05)}.btn.is-melt.is-primary{color:#1cb4c7}.btn.is-melt.is-info{color:#4b9ad8}.btn.is-melt.is-success{color:#1bbc5e}.btn.is-melt.is-warning{color:#e79024}.btn.is-melt.is-danger{color:#e65d53}.btn.is-melt.is-disable,.btn.is-melt.is-disable:hover,.btn.is-melt[disabled],.btn.is-melt[disabled]:hover{color:rgba(0,0,0,.26);background-color:transparent}.btn.is-outline{background-color:#fff;border:1px solid rgba(0,0,0,.15)}.btn.is-outline:hover{background-color:#f2f2f2}.btn.is-outline.is-primary{border-color:#1cb4c7;color:#1cb4c7}.btn.is-outline.is-primary:hover{background-color:#1cb4c7;border-color:transparent;color:#fff}.btn.is-outline.is-info{border-color:#4b9ad8;color:#4b9ad8}.btn.is-outline.is-info:hover{background-color:#4b9ad8;border-color:transparent;color:#fff}.btn.is-outline.is-success{border-color:#1bbc5e;color:#1bbc5e}.btn.is-outline.is-success:hover{background-color:#1bbc5e;border-color:transparent;color:#fff}.btn.is-outline.is-warning{border-color:#e79024;color:#e79024}.btn.is-outline.is-warning:hover{background-color:#e79024;border-color:transparent;color:#fff}.btn.is-outline.is-danger{border-color:#e65d53;color:#e65d53}.btn.is-outline.is-danger:hover{background-color:#e65d53;border-color:transparent;color:#fff}.btn.is-outline.is-disable,.btn.is-outline.is-disable:hover,.btn.is-outline[disabled],.btn.is-outline[disabled]:hover{background-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.btn.is-ghost{background-color:transparent;border:1px solid #fff;color:#fff}.btn.is-ghost:hover{background-color:#fff;color:rgba(0,0,0,.7)}.btn.is-ghost.is-primary{border-color:#8ee4ef;color:#8ee4ef}.btn.is-ghost.is-primary:hover{background-color:#1cb4c7;border-color:transparent;color:#fff}.btn.is-ghost.is-info{border-color:#c9e1f3;color:#c9e1f3}.btn.is-ghost.is-info:hover{background-color:#4b9ad8;border-color:transparent;color:#fff}.btn.is-ghost.is-success{border-color:#83edaf;color:#83edaf}.btn.is-ghost.is-success:hover{background-color:#1bbc5e;border-color:transparent;color:#fff}.btn.is-ghost.is-warning{border-color:#f6d6ad;color:#f6d6ad}.btn.is-ghost.is-warning:hover{background-color:#e79024;border-color:transparent;color:#fff}.btn.is-ghost.is-danger{border-color:#f9dbd9;color:#f9dbd9}.btn.is-ghost.is-danger:hover{background-color:#e65d53;border-color:transparent;color:#fff}.btn.is-ghost.is-disable,.btn.is-ghost.is-disable:hover,.btn.is-ghost[disabled],.btn.is-ghost[disabled]:hover{background-color:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5)} 108 | 109 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.is-space>:not(:first-child){margin-top:1em}.is-space>.heading:not(:first-child){margin-top:1.5em}.is-space>.groups:not(:first-child){margin-top:3em}.is-space .field+.texts,.is-space .heading+.field{margin-top:.5em}.wysiwyg.is-space>h1:not(:first-child),.wysiwyg.is-space>h2:not(:first-child),.wysiwyg.is-space>h3:not(:first-child),.wysiwyg.is-space>h4:not(:first-child),.wysiwyg.is-space>h5:not(:first-child),.wysiwyg.is-space>h6:not(:first-child){margin-top:1.5em} 110 | 111 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 112 | 113 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 114 | 115 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 116 | 117 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 118 | 119 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 120 | 121 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 122 | 123 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 124 | 125 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 126 | 127 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 128 | 129 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 130 | 131 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 132 | 133 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 134 | 135 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 136 | 137 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 138 | 139 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 140 | 141 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 142 | 143 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 144 | 145 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 146 | 147 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 148 | 149 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 150 | 151 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 152 | 153 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 154 | 155 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 156 | 157 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 158 | 159 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 160 | 161 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 162 | 163 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 164 | 165 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 166 | 167 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 168 | 169 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.texts{line-height:1.9}.text.is-link{cursor:pointer;border-bottom:1px solid currentColor}.text.is-link:hover{border-bottom-color:transparent}.text.is-link-reverse{cursor:pointer;border-bottom:1px solid transparent}.text.is-link-reverse:hover{border-color:currentColor}.blockquote{background-color:#f5f5f5;border-left:.5em solid rgba(0,0,0,.05);border-radius:.125em;padding:1.5em}:not(.pre)>.code{padding:.2em .5em;border-radius:.1875em;font-size:.875em;word-break:break-all}.pre,:not(.pre)>.code{background-color:#f5f5f5;color:#646d9f;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,Meiryo,monospace,serif}.pre{border-radius:.125em;white-space:pre;word-wrap:normal;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.pre>.code{display:block;padding:1.25em 1.5em} 170 | 171 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 172 | 173 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 174 | 175 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */ 176 | 177 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.table{width:100%;background-color:#fff;border-collapse:collapse;border-spacing:0}.table td,.table th{padding:.75em 1em;vertical-align:top}.table.is-middle td,.table.is-middle th{vertical-align:middle}.table>thead>tr:last-child>th{border-bottom:2px solid #d1d7da}.table.is-line{border-bottom:1px solid #d1d7da}.table.is-line,.table.is-line>tbody>tr:not(:first-child){border-top:1px solid #d1d7da}.table.is-border,.table.is-border td,.table.is-border th,.table.is-outline{border:1px solid #d1d7da}.table.is-stripe tbody tr:nth-child(2n),.table.is-stripe thead{background-color:#f5f5f5}.table td.is-paint,.table th.is-paint,.table tr.is-paint{background-color:#1cb4c7;color:#fff}.table td.is-stripe,.table th.is-stripe,.table tr.is-stripe{background-color:#f5f5f5}.table td.is-spot,.table th.is-spot,.table tr.is-spot{background-color:#f9f2b3}.table td.is-danger,.table th.is-danger,.table tr.is-danger{background-color:#fdd9dd} 178 | 179 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */.list>.item:not(:first-child){margin-top:.25em}.list>.item>.list{margin-top:.5em}.list.is-circle,.list.is-decimal,.list.is-disc{margin-left:1.5em}.list.is-circle>.item,.list.is-decimal>.item,.list.is-disc>.item{display:list-item}.list.is-disc>.item{list-style:disc outside}.list.is-circle>.item{list-style:circle outside}.list.is-decimal>.item{list-style:decimal outside}.list.is-note>.item{display:flex}.list.is-note>.item>:not(:first-child){margin-left:.25em} 180 | 181 | /*! Shitaji.CSS v4.6.0 CC0 by Qrac */*,:after,:before{margin:0;background-repeat:no-repeat;box-sizing:border-box;font-size:1em;font-family:inherit;font-weight:inherit}:after,:before{vertical-align:inherit;text-decoration:inherit}html{font-family:sans-serif;word-break:break-word;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}a{background-color:transparent;color:inherit;text-decoration:none;-webkit-text-decoration-skip:objects}b,strong{font-weight:bolder}small{font-size:80%}ol,ul{padding:0;list-style:none}abbr[title]{text-decoration:underline;text-decoration:underline dotted}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}audio,canvas,video{display:inline-block}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}audio:not([controls]){display:none;height:0}input{border-radius:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}address{font-style:normal}textarea{overflow:auto;resize:vertical}legend{display:table;max-width:100%;padding:0;box-sizing:border-box;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}summary{display:list-item}table{border-collapse:collapse}hr{height:0;box-sizing:content-box;overflow:visible}template{display:none}[tabindex],a,area,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}.fieldset{padding:0;border:none}.field{display:flex;flex-wrap:wrap}.field:not(.is-bar){margin-left:-.5em;margin-bottom:-.5em}.field:not(.is-bar)>*{margin-left:.5em;margin-bottom:.5em}.field>.field{display:inline-flex}.field.is-middle{align-items:center}.field.is-bottom{align-items:flex-end}.field.is-center{justify-content:center}.field.is-right{justify-content:flex-end}.field.is-between{justify-content:space-between}.field.is-around{justify-content:space-around}.field.is-bar{flex-wrap:nowrap}.field.is-bar>.input,.field.is-bar>.select>select{border-radius:0;overflow:hidden}.field.is-bar>.input:not(.is-round):first-child,.field.is-bar>.select:not(.is-round):first-child>select{border-top-left-radius:2px;border-bottom-left-radius:2px}.field.is-bar>.input:not(.is-round):last-child,.field.is-bar>.select:not(.is-round):last-child>select{border-top-right-radius:2px;border-bottom-right-radius:2px}.field.is-bar>.input.is-round:first-child,.field.is-bar>.select.is-round:first-child>select{border-top-left-radius:999em;border-bottom-left-radius:999em}.field.is-bar>.input.is-round:last-child,.field.is-bar>.select.is-round:last-child>select{border-top-right-radius:999em;border-bottom-right-radius:999em}.field.is-bar>.input:nth-child(2),.field.is-bar>.input:nth-child(2)~.input,.field.is-bar>.select:nth-child(2)>select,.field.is-bar>.select:nth-child(2)~.input{border-left:none}.input[type=date],.input[type=datetime-local],.input[type=email],.input[type=month],.input[type=number],.input[type=password],.input[type=search],.input[type=tel],.input[type=text],.input[type=time],.input[type=url],.input[type=week]{max-width:100%;height:calc(2.5em + 2px);padding:.5em .75em;background-color:#fff;border:1px solid rgba(0,0,0,.26);border-radius:2px;color:rgba(0,0,0,.7);line-height:1.5}.input[type=date][disabled],.input[type=datetime-local][disabled],.input[type=email][disabled],.input[type=month][disabled],.input[type=number][disabled],.input[type=password][disabled],.input[type=search][disabled],.input[type=tel][disabled],.input[type=text][disabled],.input[type=time][disabled],.input[type=url][disabled],.input[type=week][disabled]{background-color:#e0e0e0;border-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.input[type=date][readonly],.input[type=datetime-local][readonly],.input[type=email][readonly],.input[type=month][readonly],.input[type=number][readonly],.input[type=password][readonly],.input[type=search][readonly],.input[type=tel][readonly],.input[type=text][readonly],.input[type=time][readonly],.input[type=url][readonly],.input[type=week][readonly]{background-color:#f5f5f5;border-color:transparent;color:rgba(0,0,0,.7)}.input[type=date].is-round,.input[type=datetime-local].is-round,.input[type=email].is-round,.input[type=month].is-round,.input[type=number].is-round,.input[type=password].is-round,.input[type=search].is-round,.input[type=tel].is-round,.input[type=text].is-round,.input[type=time].is-round,.input[type=url].is-round,.input[type=week].is-round{border-radius:999em}.input[type=email]:placeholder-shown,.input[type=number]:placeholder-shown,.input[type=password]:placeholder-shown,.input[type=search]:placeholder-shown,.input[type=tel]:placeholder-shown,.input[type=text]:placeholder-shown,.input[type=url]:placeholder-shown,.textarea:placeholder-shown{color:rgba(0,0,0,.26)}.input[type=email]::-webkit-input-placeholder,.input[type=number]::-webkit-input-placeholder,.input[type=password]::-webkit-input-placeholder,.input[type=search]::-webkit-input-placeholder,.input[type=tel]::-webkit-input-placeholder,.input[type=text]::-webkit-input-placeholder,.input[type=url]::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:rgba(0,0,0,.26)}.input[type=email]:-moz-placeholder,.input[type=email]::-moz-placeholder,.input[type=number]:-moz-placeholder,.input[type=number]::-moz-placeholder,.input[type=password]:-moz-placeholder,.input[type=password]::-moz-placeholder,.input[type=search]:-moz-placeholder,.input[type=search]::-moz-placeholder,.input[type=tel]:-moz-placeholder,.input[type=tel]::-moz-placeholder,.input[type=text]:-moz-placeholder,.input[type=text]::-moz-placeholder,.input[type=url]:-moz-placeholder,.input[type=url]::-moz-placeholder,.textarea:-moz-placeholder,.textarea::-moz-placeholder{opacity:1;color:rgba(0,0,0,.26)}.input[type=email]:-ms-input-placeholder,.input[type=number]:-ms-input-placeholder,.input[type=password]:-ms-input-placeholder,.input[type=search]:-ms-input-placeholder,.input[type=tel]:-ms-input-placeholder,.input[type=text]:-ms-input-placeholder,.input[type=url]:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:rgba(0,0,0,.26)}.input[type=date],.input[type=datetime-local],.input[type=email],.input[type=month],.input[type=number],.input[type=password],.input[type=search],.input[type=tel],.input[type=text],.input[type=time],.input[type=url],.input[type=week],.textarea{box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.input[type=date][disabled],.input[type=date][readonly],.input[type=datetime-local][disabled],.input[type=datetime-local][readonly],.input[type=email][disabled],.input[type=email][readonly],.input[type=month][disabled],.input[type=month][readonly],.input[type=number][disabled],.input[type=number][readonly],.input[type=password][disabled],.input[type=password][readonly],.input[type=search][disabled],.input[type=search][readonly],.input[type=tel][disabled],.input[type=tel][readonly],.input[type=text][disabled],.input[type=text][readonly],.input[type=time][disabled],.input[type=time][readonly],.input[type=url][disabled],.input[type=url][readonly],.input[type=week][disabled],.input[type=week][readonly],.textarea[disabled],.textarea[readonly]{box-shadow:none}.input[type=date],.input[type=datetime-local],.input[type=email],.input[type=month],.input[type=number],.input[type=password],.input[type=search],.input[type=tel],.input[type=text],.input[type=time],.input[type=url],.input[type=week],.select>select,.textarea{appearance:none}.input[type=file]{cursor:pointer;display:block;max-width:70vw;overflow:hidden}.input[type=file][disabled]{cursor:default}.btn .input[type=file]{display:none}.textarea{background-color:#fff;border:1px solid rgba(0,0,0,.26);border-radius:2px;padding:calc(.5em - 1.5px) .5em}.textarea[disabled]{background-color:#e0e0e0;border-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.textarea[readonly]{background-color:#f5f5f5;border-color:transparent;color:rgba(0,0,0,.7)}.label.is-checkbox>.input[type=checkbox]+.text,.label.is-checkbox>.input[type=radio]+.text,.label.is-radio>.input[type=checkbox]+.text,.label.is-radio>.input[type=radio]+.text{margin-left:.5em;margin-right:1em}.input[type=checkbox]+.label.is-checkbox,.input[type=checkbox]+.label.is-radio,.input[type=radio]+.label.is-checkbox,.input[type=radio]+.label.is-radio{margin-right:1em}.input[type=checkbox][disabled]+.label.is-checkbox,.input[type=checkbox][disabled]+.label.is-radio,.input[type=checkbox][disabled]+.text,.input[type=radio][disabled]+.label.is-checkbox,.input[type=radio][disabled]+.label.is-radio,.input[type=radio][disabled]+.text{color:rgba(0,0,0,.4)}.select{position:relative}.select>select{max-width:100%;height:calc(2.5em + 2px);padding:.5em .75em;background-color:#fff;border:1px solid rgba(0,0,0,.26);border-radius:2px;color:rgba(0,0,0,.7);line-height:1.5}.select>select[disabled]{background-color:#e0e0e0;color:rgba(0,0,0,.26)}.select>select[readonly]{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.select.is-round:not(.is-multiple)>select{border-radius:999em}.select:not(.is-multiple):after{content:"";position:absolute;top:50%;right:1em;width:.5em;height:.5em;border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);transform:translateY(-70%) rotate(45deg)}.select:not(.is-multiple)>select{padding-right:2.5em}.select.is-multiple>select{height:auto;padding:0}.select.is-multiple>select>option{min-height:1.5em;padding:.5em .75em} --------------------------------------------------------------------------------