acid-info/Kurate
1
0
Fork 0
mirror of https://github.com/acid-info/Kurate.git synced 2025-01-13 01:14:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add support for scss (#14)

Browse Source
This commit is contained in:
Vojtech Simetka 2022-11-27 22:32:20 +01:00 committed by GitHub
parent ee438b7f4b
commit e6fbe00d31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 63 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
package-lock.json generated
View File

@ -20,9 +20,10 @@
"eslint-plugin-svelte3": "^4.0.0", "eslint-plugin-svelte3": "^4.0.0",
"prettier": "^2.6.2", "prettier": "^2.6.2",
"prettier-plugin-svelte": "^2.7.0", "prettier-plugin-svelte": "^2.7.0",
"sass": "^1.56.1",
"svelte": "^3.44.0", "svelte": "^3.44.0",
"svelte-check": "^2.7.1", "svelte-check": "^2.7.1",
"svelte-preprocess": "^4.10.6", "svelte-preprocess": "^4.10.7",
"tslib": "^2.3.1", "tslib": "^2.3.1",
"typescript": "^4.7.4", "typescript": "^4.7.4",
"vite": "^3.1.0" "vite": "^3.1.0"
@ -1691,6 +1692,12 @@
"node": ">= 4" "node": ">= 4"
} }
}, },
"node_modules/immutable": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz",
"integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==",
"dev": true
},
"node_modules/import-fresh": { "node_modules/import-fresh": {
"version": "3.3.0", "version": "3.3.0",
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@ -2411,6 +2418,23 @@
"rimraf": "bin.js" "rimraf": "bin.js"
} }
}, },
"node_modules/sass": {
"version": "1.56.1",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz",
"integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==",
"dev": true,
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
"sass": "sass.js"
},
"engines": {
"node": ">=12.0.0"
}
},
"node_modules/semver": { "node_modules/semver": {
"version": "7.3.8", "version": "7.3.8",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
@ -4031,6 +4055,12 @@
"integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==", "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
"dev": true "dev": true
}, },
"immutable": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz",
"integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==",
"dev": true
},
"import-fresh": { "import-fresh": {
"version": "3.3.0", "version": "3.3.0",
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@ -4521,6 +4551,17 @@
} }
} }
}, },
"sass": {
"version": "1.56.1",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz",
"integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==",
"dev": true,
"requires": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
}
},
"semver": { "semver": {
"version": "7.3.8", "version": "7.3.8",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",

3
package.json
View File

@ -25,9 +25,10 @@
"eslint-plugin-svelte3": "^4.0.0", "eslint-plugin-svelte3": "^4.0.0",
"prettier": "^2.6.2", "prettier": "^2.6.2",
"prettier-plugin-svelte": "^2.7.0", "prettier-plugin-svelte": "^2.7.0",
"sass": "^1.56.1",
"svelte": "^3.44.0", "svelte": "^3.44.0",
"svelte-check": "^2.7.1", "svelte-check": "^2.7.1",
"svelte-preprocess": "^4.10.6", "svelte-preprocess": "^4.10.7",
"tslib": "^2.3.1", "tslib": "^2.3.1",
"typescript": "^4.7.4", "typescript": "^4.7.4",
"vite": "^3.1.0" "vite": "^3.1.0"

9
src/lib/components/button.svelte
View File

@ -21,7 +21,7 @@
{/if} {/if}
</button> </button>
<style> <style lang="scss">
.root { .root {
padding-left: var(--spacing-15); padding-left: var(--spacing-15);
padding-right: var(--spacing-15); padding-right: var(--spacing-15);
@ -39,15 +39,16 @@
} }
.icon-only { .icon-only {
width: 44px; width: 44px;
.wrapper {
margin-right: 0px;
}
} }
.wrapper { .wrapper {
width: 20px; width: 20px;
height: 20px; height: 20px;
margin-right: var(--spacing-6); margin-right: var(--spacing-6);
} }
.icon-only .wrapper {
margin-right: 0px;
}
.primary { .primary {
background-color: var(--color-primary); background-color: var(--color-primary);
border-color: var(--color-primary); border-color: var(--color-primary);

27
src/lib/components/post.svelte
View File

@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<style> <style lang="scss">
.root { .root {
border-top: 1px solid var(--color-grey-background); border-top: 1px solid var(--color-grey-background);
padding: var(--spacing-12); padding: var(--spacing-12);
@ -48,18 +48,19 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: var(--spacing-3); margin-bottom: var(--spacing-3);
}
.post-info > div { div {
margin-right: var(--spacing-6); margin-right: var(--spacing-6);
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 14px; font-size: 14px;
} }
.post-info > div.username { div.username {
font-family: 'Source Sans Pro'; font-family: 'Source Sans Pro';
font-weight: 600; font-weight: 600;
} }
.post-info > div:last-child { div:last-child {
margin-right: 0px; margin-right: 0px;
}
} }
.color-grey { .color-grey {
color: #909090; color: #909090;