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" }],
|
||||
},
|
||||
|
||||
css: ["@/css/app.sass"],
|
||||
|
||||
// Modules: https://go.nuxtjs.dev/config-modules
|
||||
modules: [
|
||||
// https://go.nuxtjs.dev/axios
|
||||
|
@ -27,9 +29,4 @@ export default defineNuxtConfig({
|
|||
axios: {
|
||||
proxyHeaders: false,
|
||||
},
|
||||
|
||||
buildModules: [
|
||||
// https://go.nuxtjs.dev/tailwindcss
|
||||
"@nuxtjs/tailwindcss",
|
||||
],
|
||||
})
|
||||
|
|
|
@ -14,7 +14,6 @@
|
|||
"typescript": "^4.6.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@nuxtjs/tailwindcss": "^5.0.0",
|
||||
"@typescript-eslint/eslint-plugin": "^5.13.0",
|
||||
"@typescript-eslint/parser": "^5.13.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