feat [front]: switch to bulma from tailwind

This commit is contained in:
Alice 2022-04-03 01:20:54 +02:00
parent d95cd1f612
commit 158ec0e31c
5 changed files with 522 additions and 1091 deletions

16
front/css/app.sass Normal file
View 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
View 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"

View file

@ -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",
],
}) })

View file

@ -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",

File diff suppressed because it is too large Load diff