From d4bde5834a0962976d750c6d1461eb67cd225d30 Mon Sep 17 00:00:00 2001 From: Alexandre Tuleu Date: Tue, 19 Sep 2023 13:08:19 +0200 Subject: [PATCH] Removes bulma --- package-lock.json | 13 ++- package.json | 2 - src/app.scss | 178 -------------------------------------- src/routes/+layout.svelte | 4 - 4 files changed, 5 insertions(+), 192 deletions(-) delete mode 100644 src/app.scss diff --git a/package-lock.json b/package-lock.json index ba9a7c6..1448044 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,6 @@ "version": "0.0.1", "dependencies": { "@fortawesome/fontawesome-free": "^6.4.2", - "bulma": "^0.9.4", "dotenv": "^16.3.1", "js-yaml": "^4.1.0" }, @@ -27,7 +26,6 @@ "eslint-plugin-svelte": "^2.30.0", "prettier": "^2.8.0", "prettier-plugin-svelte": "^2.10.1", - "sass": "^1.65.1", "svelte": "^4.0.5", "svelte-check": "^3.4.3", "tslib": "^2.4.1", @@ -1467,11 +1465,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/bulma": { - "version": "0.9.4", - "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz", - "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==" - }, "node_modules/busboy": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz", @@ -2352,7 +2345,9 @@ "version": "4.3.2", "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.2.tgz", "integrity": "sha512-oGXzbEDem9OOpDWZu88jGiYCvIsLHMvGw+8OXlpsvTFvIQplQbjg1B1cvKg8f7Hoch6+NGjpPsH1Fr+Mc2D1aA==", - "dev": true + "dev": true, + "optional": true, + "peer": true }, "node_modules/import-fresh": { "version": "3.3.0", @@ -3322,6 +3317,8 @@ "resolved": "https://registry.npmjs.org/sass/-/sass-1.65.1.tgz", "integrity": "sha512-9DINwtHmA41SEd36eVPQ9BJKpn7eKDQmUHmpI0y5Zv2Rcorrh0zS+cFrt050hdNbmmCNKTW3hV5mWfuegNRsEA==", "dev": true, + "optional": true, + "peer": true, "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", diff --git a/package.json b/package.json index 5dff627..5aa6580 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,6 @@ "eslint-plugin-svelte": "^2.30.0", "prettier": "^2.8.0", "prettier-plugin-svelte": "^2.10.1", - "sass": "^1.65.1", "svelte": "^4.0.5", "svelte-check": "^3.4.3", "tslib": "^2.4.1", @@ -39,7 +38,6 @@ "type": "module", "dependencies": { "@fortawesome/fontawesome-free": "^6.4.2", - "bulma": "^0.9.4", "dotenv": "^16.3.1", "js-yaml": "^4.1.0" } diff --git a/src/app.scss b/src/app.scss deleted file mode 100644 index a631774..0000000 --- a/src/app.scss +++ /dev/null @@ -1,178 +0,0 @@ -html, -body { - height: 100%; - background-color: var(--background); -} - -body { - height: auto; - min-height: 100%; - background-image: var(--background-image); - background-size: cover; - background-position: center; - color: var(--text); - transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; -} - -a { - color: var(--link); - &:hover { - color: var(--link-hover); - } -} - -.title { - color: var(--text-title); -} - -.subtitle { - color: var(--text-subtitle); -} - -header { - color: var(--text-header); - .first-line { - background-color: var(--highlight-primary); - - .container { - padding-top: 24px; - display: flex; - flex-flow: row wrap; - align-items: center; - gap: 16px; - } - - min-height: 104px; - - .logo { - width: 48px; - height: 48px; - } - - .dashboard-title { - display: flex; - flex-flow: column wrap; - justify-content: space-between; - height: 48px; - h2 { - font-size: 0.9em; - line-height: 1em; - margin: 0; - } - - h1 { - margin: 0; - font-size: 2em; - line-height: 1em; - } - } - } - - nav.navbar { - background-color: var(--highlight-secondary); - - a { - color: var(--text-header); - - &:hover, - &:focus { - color: var(--text-header); - background-color: var(--highlight-hover); - } - } - - .navbar-item { - .link-label { - margin-left: 8px; - } - padding: 8px 16px; - } - - .navbar-item:first-child { - margin-left: -16px; - } - - .navbar-item input { - width: 160px; - transition: width cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; - } - - .navbar-item input:focus { - width: 240px; - } - - .navbar-menu { - background-color: inherit; - } - } -} - -main { - .layout-column { - display: grid; - grid-template-columns: var(--layout-template); - gap: 32px; - } - - .layout-row { - display: flex; - flex-flow: column nowrap; - gap: 32px; - } - - .group .services.layout-column { - display: flex; - flex-flow: column nowrap; - gap: 16px; - } - - .group .services.layout-row { - display: grid; - grid-template-columns: var(--layout-template); - gap: 16px; - } - - @media (max-width: 768px) { - .layout-column { - grid-template-columns: 1fr; - } - - .group .services.layout-row { - grid-template-columns: 1fr; - } - } - - .group .header { - display: flex; - flex-flow: row nowrap; - font-size: 1.7em; - padding-bottom: 8px; - } - - .card { - background: var(--card-background); - transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .media-content { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .card .image { - width: 48px; - height: 48px; - font-size: 48px; - } - - .card:hover { - transform: translate(0, -3px); - - .tag { - } - } -} diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 1be287a..f30c342 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,8 +1,4 @@