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"