From b8f2daa1109ea8c3451f5dda0cb2a1310afe62fa Mon Sep 17 00:00:00 2001 From: Ian Date: Sat, 1 Jul 2023 21:10:37 +1000 Subject: [PATCH] Separate resizing list to it's own file --- bd-scss.config.js | 21 ++--- package.json | 2 +- pnpm-lock.yaml | 137 ++++++++++++++++----------------- src/addons/_resizablelist.scss | 32 ++++++++ src/core/_root.scss | 8 +- src/dev.scss | 3 +- src/theme/_index.scss | 33 +------- src/theme/_vars.scss | 7 ++ 8 files changed, 127 insertions(+), 116 deletions(-) create mode 100644 src/addons/_resizablelist.scss create mode 100644 src/theme/_vars.scss diff --git a/bd-scss.config.js b/bd-scss.config.js index 7b5a988..85399df 100644 --- a/bd-scss.config.js +++ b/bd-scss.config.js @@ -1,19 +1,20 @@ /** @type {import('bd-scss/lib/config').Config} */ export default { meta: { - name: "Horizontal Server List", - author: "Gibbu#1211", - version: "2.1.0", - description: "Moves the server list from the left to the top of Discord.", - source: "https://github.com/DiscordStyles/HorizontalServerList", - invite: "ZHthyCw", - website: "https://gibbu.me" + name: 'Horizontal Server List', + author: 'Gibbu#1211', + version: '2.1.0', + description: 'Moves the server list from the left to the top of Discord.', + source: 'https://github.com/DiscordStyles/HorizontalServerList', + invite: 'ZHthyCw', + website: 'https://gibbu.me', }, baseImport: 'https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css', base: { - output: 'dist/dist' + output: 'dist/dist', }, addons: [ ['src/addons/_bottomhsl.scss', 'dist/bottomhsl.css'], - ] -} \ No newline at end of file + ['src/addons/_resizablelist.scss', 'dist/resizablelist.css'], + ], +}; diff --git a/package.json b/package.json index b3776d8..039b0ae 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,6 @@ }, "type": "module", "dependencies": { - "bd-scss": "^2.0.11" + "bd-scss": "^2.0.14" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 355e1f0..fa66f51 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,86 +1,85 @@ -lockfileVersion: 5.4 - -specifiers: - bd-scss: ^2.0.11 +lockfileVersion: '6.0' dependencies: - bd-scss: 2.0.11 + bd-scss: + specifier: ^2.0.14 + version: 2.0.14 packages: - /anymatch/3.1.2: - resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==} + /anymatch@3.1.3: + resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} engines: {node: '>= 8'} dependencies: normalize-path: 3.0.0 picomatch: 2.3.1 dev: false - /autoprefixer/10.4.12_postcss@8.4.17: - resolution: {integrity: sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==} + /autoprefixer@10.4.14(postcss@8.4.24): + resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==} engines: {node: ^10 || ^12 || >=14} hasBin: true peerDependencies: postcss: ^8.1.0 dependencies: - browserslist: 4.21.4 - caniuse-lite: 1.0.30001418 + browserslist: 4.21.9 + caniuse-lite: 1.0.30001509 fraction.js: 4.2.0 normalize-range: 0.1.2 picocolors: 1.0.0 - postcss: 8.4.17 + postcss: 8.4.24 postcss-value-parser: 4.2.0 dev: false - /bd-scss/2.0.11: - resolution: {integrity: sha512-xC3GdkL8maMH+IXArbv6FgBB4u+/fzbj2IgMBw6Eo1NCG+bL9zH76D660xABv7iW6K8C78GSBRjUCC/6Kx3qLg==} + /bd-scss@2.0.14: + resolution: {integrity: sha512-0bFjZ/WQD3ekR0aLhTb8hR+0KFMGMf8H1MBKMw06DGon4j7PkRvvrHHfpvDLH+klWYE82my3WQKWt3LMqtDd/Q==} hasBin: true dependencies: - autoprefixer: 10.4.12_postcss@8.4.17 - chalk: 5.1.0 + autoprefixer: 10.4.14(postcss@8.4.24) + chalk: 5.3.0 chokidar: 3.5.3 - postcss: 8.4.17 + postcss: 8.4.24 sade: 1.8.1 - sass: 1.55.0 + sass: 1.63.6 dev: false - /binary-extensions/2.2.0: + /binary-extensions@2.2.0: resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==} engines: {node: '>=8'} dev: false - /braces/3.0.2: + /braces@3.0.2: resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==} engines: {node: '>=8'} dependencies: fill-range: 7.0.1 dev: false - /browserslist/4.21.4: - resolution: {integrity: sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==} + /browserslist@4.21.9: + resolution: {integrity: sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==} engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} hasBin: true dependencies: - caniuse-lite: 1.0.30001418 - electron-to-chromium: 1.4.279 - node-releases: 2.0.6 - update-browserslist-db: 1.0.10_browserslist@4.21.4 + caniuse-lite: 1.0.30001509 + electron-to-chromium: 1.4.447 + node-releases: 2.0.12 + update-browserslist-db: 1.0.11(browserslist@4.21.9) dev: false - /caniuse-lite/1.0.30001418: - resolution: {integrity: sha512-oIs7+JL3K9JRQ3jPZjlH6qyYDp+nBTCais7hjh0s+fuBwufc7uZ7hPYMXrDOJhV360KGMTcczMRObk0/iMqZRg==} + /caniuse-lite@1.0.30001509: + resolution: {integrity: sha512-2uDDk+TRiTX5hMcUYT/7CSyzMZxjfGu0vAUjS2g0LSD8UoXOv0LtpH4LxGMemsiPq6LCVIUjNwVM0erkOkGCDA==} dev: false - /chalk/5.1.0: - resolution: {integrity: sha512-56zD4khRTBoIyzUYAFgDDaPhUMN/fC/rySe6aZGqbj/VWiU2eI3l6ZLOtYGFZAV5v02mwPjtpzlrOveJiz5eZQ==} + /chalk@5.3.0: + resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==} engines: {node: ^12.17.0 || ^14.13 || >=16.0.0} dev: false - /chokidar/3.5.3: + /chokidar@3.5.3: resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==} engines: {node: '>= 8.10.0'} dependencies: - anymatch: 3.1.2 + anymatch: 3.1.3 braces: 3.0.2 glob-parent: 5.1.2 is-binary-path: 2.1.0 @@ -91,27 +90,27 @@ packages: fsevents: 2.3.2 dev: false - /electron-to-chromium/1.4.279: - resolution: {integrity: sha512-xs7vEuSZ84+JsHSTFqqG0TE3i8EAivHomRQZhhcRvsmnjsh5C2KdhwNKf4ZRYtzq75wojpFyqb62m32Oam57wA==} + /electron-to-chromium@1.4.447: + resolution: {integrity: sha512-sxX0LXh+uL41hSJsujAN86PjhrV/6c79XmpY0TvjZStV6VxIgarf8SRkUoUTuYmFcZQTemsoqo8qXOGw5npWfw==} dev: false - /escalade/3.1.1: + /escalade@3.1.1: resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==} engines: {node: '>=6'} dev: false - /fill-range/7.0.1: + /fill-range@7.0.1: resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==} engines: {node: '>=8'} dependencies: to-regex-range: 5.0.1 dev: false - /fraction.js/4.2.0: + /fraction.js@4.2.0: resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==} dev: false - /fsevents/2.3.2: + /fsevents@2.3.2: resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==} engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} os: [darwin] @@ -119,131 +118,131 @@ packages: dev: false optional: true - /glob-parent/5.1.2: + /glob-parent@5.1.2: resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} engines: {node: '>= 6'} dependencies: is-glob: 4.0.3 dev: false - /immutable/4.1.0: - resolution: {integrity: sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==} + /immutable@4.3.0: + resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==} dev: false - /is-binary-path/2.1.0: + /is-binary-path@2.1.0: resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} engines: {node: '>=8'} dependencies: binary-extensions: 2.2.0 dev: false - /is-extglob/2.1.1: + /is-extglob@2.1.1: resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} engines: {node: '>=0.10.0'} dev: false - /is-glob/4.0.3: + /is-glob@4.0.3: resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} engines: {node: '>=0.10.0'} dependencies: is-extglob: 2.1.1 dev: false - /is-number/7.0.0: + /is-number@7.0.0: resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} engines: {node: '>=0.12.0'} dev: false - /mri/1.2.0: + /mri@1.2.0: resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} engines: {node: '>=4'} dev: false - /nanoid/3.3.4: - resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==} + /nanoid@3.3.6: + resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==} engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} hasBin: true dev: false - /node-releases/2.0.6: - resolution: {integrity: sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==} + /node-releases@2.0.12: + resolution: {integrity: sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==} dev: false - /normalize-path/3.0.0: + /normalize-path@3.0.0: resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} engines: {node: '>=0.10.0'} dev: false - /normalize-range/0.1.2: + /normalize-range@0.1.2: resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==} engines: {node: '>=0.10.0'} dev: false - /picocolors/1.0.0: + /picocolors@1.0.0: resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==} dev: false - /picomatch/2.3.1: + /picomatch@2.3.1: resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} engines: {node: '>=8.6'} dev: false - /postcss-value-parser/4.2.0: + /postcss-value-parser@4.2.0: resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} dev: false - /postcss/8.4.17: - resolution: {integrity: sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==} + /postcss@8.4.24: + resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==} engines: {node: ^10 || ^12 || >=14} dependencies: - nanoid: 3.3.4 + nanoid: 3.3.6 picocolors: 1.0.0 source-map-js: 1.0.2 dev: false - /readdirp/3.6.0: + /readdirp@3.6.0: resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==} engines: {node: '>=8.10.0'} dependencies: picomatch: 2.3.1 dev: false - /sade/1.8.1: + /sade@1.8.1: resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==} engines: {node: '>=6'} dependencies: mri: 1.2.0 dev: false - /sass/1.55.0: - resolution: {integrity: sha512-Pk+PMy7OGLs9WaxZGJMn7S96dvlyVBwwtToX895WmCpAOr5YiJYEUJfiJidMuKb613z2xNWcXCHEuOvjZbqC6A==} - engines: {node: '>=12.0.0'} + /sass@1.63.6: + resolution: {integrity: sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==} + engines: {node: '>=14.0.0'} hasBin: true dependencies: chokidar: 3.5.3 - immutable: 4.1.0 + immutable: 4.3.0 source-map-js: 1.0.2 dev: false - /source-map-js/1.0.2: + /source-map-js@1.0.2: resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==} engines: {node: '>=0.10.0'} dev: false - /to-regex-range/5.0.1: + /to-regex-range@5.0.1: resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} engines: {node: '>=8.0'} dependencies: is-number: 7.0.0 dev: false - /update-browserslist-db/1.0.10_browserslist@4.21.4: - resolution: {integrity: sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==} + /update-browserslist-db@1.0.11(browserslist@4.21.9): + resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==} hasBin: true peerDependencies: browserslist: '>= 4.21.0' dependencies: - browserslist: 4.21.4 + browserslist: 4.21.9 escalade: 3.1.1 picocolors: 1.0.0 dev: false diff --git a/src/addons/_resizablelist.scss b/src/addons/_resizablelist.scss new file mode 100644 index 0000000..d390c59 --- /dev/null +++ b/src/addons/_resizablelist.scss @@ -0,0 +1,32 @@ +@use '../theme/vars'; + +#app-mount .guilds-2JjMmN { + width: var(--server-container); + .scrollerWrap-1IAIlv { + width: calc(100% + 30px); + } + .svg-2ifYOU, + .wrapper-2PSQCG, + .guildsError-b7zR5H, + .placeholderMask-2FHNZU { + width: var(--server-size); + height: var(--server-size); + } + [role='group'] { + height: auto !important; + } + [class*='expandedFolderBackground'] { + width: var(--server-size); + left: 50%; + translate: -50% 0; + } + .wrapper-z5ab_q { + height: var(--server-size) !important; + } + .wrapper-38slSD { + width: var(--server-container); + } + [class*='listItem']:not([class*='listItemWrapper']) { + width: var(--server-container); + } +} diff --git a/src/core/_root.scss b/src/core/_root.scss index 9328bd1..8cc6ad0 100644 --- a/src/core/_root.scss +++ b/src/core/_root.scss @@ -2,8 +2,8 @@ /* @import url("https://discordstyles.github.io/HorizontalServerList/bottomhsl.css"); */ :root { - --HSL-server-icon-size: 40px; /* Size of the server icons | DEFAULT: 40px */ - --HSL-server-spacing: 10px; /* Spacing between each server icon | DEFAULT: 10px */ - --HSL-server-direction: column; /* Direction of the server list. | OPTIONS: column, column-reverse | DEFAULT: column */ - --HSL-server-alignment: flex-start; /* Alignment of the server list. | OPTIONS: flex-start, center, flex-end | DEFAULT: flex-start */ + --HSL-server-icon-size: 40px; /* Size of the server icons | DEFAULT: 40px */ + --HSL-server-spacing: 10px; /* Spacing between each server icon | DEFAULT: 10px */ + --HSL-server-direction: column; /* Direction of the server list. | OPTIONS: column, column-reverse | DEFAULT: column */ + --HSL-server-alignment: flex-start; /* Alignment of the server list. | OPTIONS: flex-start, center, flex-end | DEFAULT: flex-start */ } diff --git a/src/dev.scss b/src/dev.scss index 5984fc5..856631b 100644 --- a/src/dev.scss +++ b/src/dev.scss @@ -1,4 +1,5 @@ @use './core/root'; @use './theme'; -// @use './addons/bottomhsl'; \ No newline at end of file +// @use './addons/bottomhsl'; +// @use './addons/resizablelist'; diff --git a/src/theme/_index.scss b/src/theme/_index.scss index d80e1ee..1f185cc 100644 --- a/src/theme/_index.scss +++ b/src/theme/_index.scss @@ -1,10 +1,5 @@ -:root { - --server-size: var(--HSL-server-icon-size, var(--HSL-size, 35px)); - --server-spacing: var(--HSL-server-spacing, var(--HSL-spacing, 10px)); - --server-container: calc(var(--server-size) + 20px); - --server-direction: var(--HSL-server-direction, column); - --server-alignment: var(--HSL-server-alignment, flex-start); -} +// Anything related to resizing the list, will be placed in here. +@use '../addons/resizablelist'; #app-mount { .app-3xd6d0 .base-2jDfDU { @@ -32,7 +27,6 @@ transform-origin: top left; transform: rotate(-90deg); height: 100vw !important; - width: var(--server-container); top: var(--server-container); bottom: unset; position: absolute !important; @@ -42,10 +36,6 @@ margin-bottom: 0 !important; } - .scrollerWrap-1IAIlv { - width: calc(100% + 30px); - } - .scrollerBase-1Pkza4 { padding: var(--server-spacing) 0 !important; display: flex; @@ -67,18 +57,6 @@ } } - .svg-2ifYOU, - .wrapper-2PSQCG, - .guildsError-b7zR5H, - .placeholderMask-2FHNZU { - width: var(--server-size); - height: var(--server-size); - } - - [role='group'] { - height: auto !important; - } - [class*='pill'] { transform: rotate(90deg) translateY(-50%); height: var(--server-size); @@ -112,11 +90,7 @@ } } - .wrapper-z5ab_q { - height: var(--server-size) !important; - } .wrapper-38slSD { - width: var(--server-container); display: flex; flex-direction: var(--server-direction); gap: var(--server-spacing); @@ -140,10 +114,7 @@ } [class*='expandedFolderBackground'] { - width: var(--server-size); - left: 50%; border-radius: 10px; - transform: translateX(-50%); height: 100%; } diff --git a/src/theme/_vars.scss b/src/theme/_vars.scss new file mode 100644 index 0000000..d358c41 --- /dev/null +++ b/src/theme/_vars.scss @@ -0,0 +1,7 @@ +:root { + --server-size: var(--HSL-server-icon-size, var(--HSL-size, 35px)); + --server-spacing: var(--HSL-server-spacing, var(--HSL-spacing, 10px)); + --server-container: calc(var(--server-size) + 20px); + --server-direction: var(--HSL-server-direction, column); + --server-alignment: var(--HSL-server-alignment, flex-start); +}