diff --git a/app/assets/styles/_variables.scss b/app/assets/styles/_variables.scss new file mode 100644 index 0000000..20ed590 --- /dev/null +++ b/app/assets/styles/_variables.scss @@ -0,0 +1 @@ +$h1-font-size: 3.5rem; //bigger diff --git a/app/assets/styles/app.scss b/app/assets/styles/app.scss index 8455cf4..aae2ea6 100644 --- a/app/assets/styles/app.scss +++ b/app/assets/styles/app.scss @@ -1,8 +1,15 @@ +// override bootstrap variables +@import "_variables"; + +// import Bootstrap 5 styles +@import "~bootstrap/scss/bootstrap"; + + body { - background-color: lightgray; - padding: 5em; + //background-color: lightgray; + //padding: 3em; div#boum { - background-color: white; + //background-color: white; padding: 1em; border: 1px solid grey; } diff --git a/app/config/packages/twig.yaml b/app/config/packages/twig.yaml index f9f4cc5..3be7d52 100644 --- a/app/config/packages/twig.yaml +++ b/app/config/packages/twig.yaml @@ -1,5 +1,6 @@ twig: default_path: '%kernel.project_dir%/templates' + form_themes: ['bootstrap_5_layout.html.twig'] when@test: twig: diff --git a/app/package.json b/app/package.json index 56ea6f4..8bd8632 100644 --- a/app/package.json +++ b/app/package.json @@ -5,6 +5,7 @@ "@hotwired/stimulus": "^3.0.0", "@symfony/stimulus-bridge": "^3.2.0", "@symfony/webpack-encore": "^4.0.0", + "bootstrap": "^5.2.1", "core-js": "^3.23.0", "regenerator-runtime": "^0.13.9", "webpack": "^5.74.0", diff --git a/app/yarn.lock b/app/yarn.lock index 14ff8b7..dd04734 100644 --- a/app/yarn.lock +++ b/app/yarn.lock @@ -1829,6 +1829,11 @@ boolbase@^1.0.0: resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww== +bootstrap@^5.2.1: + version "5.2.1" + resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.2.1.tgz#45f97ff05cbe828bad807b014d8425f3aeb8ec3a" + integrity sha512-UQi3v2NpVPEi1n35dmRRzBJFlgvWHYwyem6yHhuT6afYF+sziEt46McRbT//kVXZ7b1YUYEVGdXEH74Nx3xzGA== + brace-expansion@^1.1.7: version "1.1.11" resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"