feat [front]: switch to bulma from tailwind
This commit is contained in:
parent
d95cd1f612
commit
158ec0e31c
5 changed files with 522 additions and 1091 deletions
16
front/css/app.sass
Normal file
16
front/css/app.sass
Normal file
|
@ -0,0 +1,16 @@
|
||||||
|
/* The utilities that cannot be used after compiling
|
||||||
|
should be in tools.sass and not in app.sass */
|
||||||
|
@import "./tools.sass"
|
||||||
|
|
||||||
|
// Import only what you need from Bulma
|
||||||
|
@import "../node_modules/bulma/sass/base/_all.sass"
|
||||||
|
@import "../node_modules/bulma/sass/helpers/color.sass"
|
||||||
|
@import "../node_modules/bulma/sass/helpers/typography.sass"
|
||||||
|
@import "../node_modules/bulma/sass/helpers/spacing.sass"
|
||||||
|
@import "../node_modules/bulma/sass/elements/button.sass"
|
||||||
|
@import "../node_modules/bulma/sass/elements/container.sass"
|
||||||
|
@import "../node_modules/bulma/sass/elements/title.sass"
|
||||||
|
@import "../node_modules/bulma/sass/form/_all.sass"
|
||||||
|
@import "../node_modules/bulma/sass/components/navbar.sass"
|
||||||
|
@import "../node_modules/bulma/sass/layout/section.sass"
|
||||||
|
@import "../node_modules/bulma/sass/grid/columns.sass"
|
24
front/css/tools.sass
Normal file
24
front/css/tools.sass
Normal file
|
@ -0,0 +1,24 @@
|
||||||
|
|
||||||
|
// COLORS
|
||||||
|
$yellow: #FFE08A
|
||||||
|
$green: #427931
|
||||||
|
$cyan: #93C5FD
|
||||||
|
$blue: #2E738E
|
||||||
|
$purple: #9550AD
|
||||||
|
$red: #C34728
|
||||||
|
$grey: #777777
|
||||||
|
$primary: $cyan
|
||||||
|
$info: $blue
|
||||||
|
$link: $purple
|
||||||
|
|
||||||
|
// we use svg icons and have to adjust the height inside buttons
|
||||||
|
.button
|
||||||
|
.icon
|
||||||
|
&,
|
||||||
|
&.is-small,
|
||||||
|
&.is-medium,
|
||||||
|
&.is-large
|
||||||
|
height: 1.2em !important
|
||||||
|
|
||||||
|
// Import only what you need from Bulma
|
||||||
|
@import "../node_modules/bulma/sass/utilities/_all.sass"
|
|
@ -17,6 +17,8 @@ export default defineNuxtConfig({
|
||||||
link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
|
link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
|
||||||
},
|
},
|
||||||
|
|
||||||
|
css: ["@/css/app.sass"],
|
||||||
|
|
||||||
// Modules: https://go.nuxtjs.dev/config-modules
|
// Modules: https://go.nuxtjs.dev/config-modules
|
||||||
modules: [
|
modules: [
|
||||||
// https://go.nuxtjs.dev/axios
|
// https://go.nuxtjs.dev/axios
|
||||||
|
@ -27,9 +29,4 @@ export default defineNuxtConfig({
|
||||||
axios: {
|
axios: {
|
||||||
proxyHeaders: false,
|
proxyHeaders: false,
|
||||||
},
|
},
|
||||||
|
|
||||||
buildModules: [
|
|
||||||
// https://go.nuxtjs.dev/tailwindcss
|
|
||||||
"@nuxtjs/tailwindcss",
|
|
||||||
],
|
|
||||||
})
|
})
|
||||||
|
|
|
@ -14,7 +14,6 @@
|
||||||
"typescript": "^4.6.2"
|
"typescript": "^4.6.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@nuxtjs/tailwindcss": "^5.0.0",
|
|
||||||
"@typescript-eslint/eslint-plugin": "^5.13.0",
|
"@typescript-eslint/eslint-plugin": "^5.13.0",
|
||||||
"@typescript-eslint/parser": "^5.13.0",
|
"@typescript-eslint/parser": "^5.13.0",
|
||||||
"@vue/eslint-config-standard": "^6.1.0",
|
"@vue/eslint-config-standard": "^6.1.0",
|
||||||
|
|
1565
front/yarn.lock
1565
front/yarn.lock
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue