acid-info/Kurate
1
0
Fork 0
mirror of https://github.com/acid-info/Kurate.git synced 2025-01-12 17:04:07 +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",
"prettier": "^2.6.2",
"prettier-plugin-svelte": "^2.7.0",
"sass": "^1.56.1",
"svelte": "^3.44.0",
"svelte-check": "^2.7.1",
"svelte-preprocess": "^4.10.6",
"svelte-preprocess": "^4.10.7",
"tslib": "^2.3.1",
"typescript": "^4.7.4",
"vite": "^3.1.0"
@ -1691,6 +1692,12 @@
"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": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@ -2411,6 +2418,23 @@
"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": {
"version": "7.3.8",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
@ -4031,6 +4055,12 @@
"integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
"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": {
"version": "3.3.0",
"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": {
"version": "7.3.8",
"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",
"prettier": "^2.6.2",
"prettier-plugin-svelte": "^2.7.0",
"sass": "^1.56.1",
"svelte": "^3.44.0",
"svelte-check": "^2.7.1",
"svelte-preprocess": "^4.10.6",
"svelte-preprocess": "^4.10.7",
"tslib": "^2.3.1",
"typescript": "^4.7.4",
"vite": "^3.1.0"

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

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

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

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