bubble/yarkov.tech
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/yarkov.tech.git synced 2026-10-11 10:29:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

style button

Browse Source
This commit is contained in:
Sergey Yarkov 2022-08-26 16:33:15 +03:00
parent 29359292f4
commit 4e7bd06eb5
4 changed files with 35 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
package-lock.json generated
View File

@ -34,7 +34,7 @@
"remark-gfm": "^3.0.1", "remark-gfm": "^3.0.1",
"remark-smartypants": "^2.0.0", "remark-smartypants": "^2.0.0",
"sass": "^1.54.5", "sass": "^1.54.5",
"solid-js": "^1.4.8" "solid-js": "^1.5.1"
} }
}, },
"node_modules/@ampproject/remapping": { "node_modules/@ampproject/remapping": {
@ -2369,6 +2369,12 @@
"npm": ">=7.0.0" "npm": ">=7.0.0"
} }
}, },
"node_modules/csstype": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
"integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
"dev": true
},
"node_modules/data-uri-to-buffer": { "node_modules/data-uri-to-buffer": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
@ -8228,10 +8234,13 @@
} }
}, },
"node_modules/solid-js": { "node_modules/solid-js": {
"version": "1.4.8", "version": "1.5.1",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.4.8.tgz", "resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.5.1.tgz",
"integrity": "sha512-XErZdnnYYXF7OwGSUAPcua2y5/ELB/c53zFCpWiEGqxTNoH1iQghzI8EsHJXk06sNn+Z/TGhb8bPDNNGSgimag==", "integrity": "sha512-Y6aKystIxnrB0quV5nhqNuJV+l2Fk3/PQy1mMya/bzxlGiMHAym7v1NaqEgqDIvctbkxOi5dBj0ER/ewrH060g==",
"dev": true "dev": true,
"dependencies": {
"csstype": "^3.1.0"
}
}, },
"node_modules/source-map": { "node_modules/source-map": {
"version": "0.7.4", "version": "0.7.4",
@ -11298,6 +11307,12 @@
"css-tree": "~2.2.0" "css-tree": "~2.2.0"
} }
}, },
"csstype": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
"integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
"dev": true
},
"data-uri-to-buffer": { "data-uri-to-buffer": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
@ -15392,10 +15407,13 @@
"dev": true "dev": true
}, },
"solid-js": { "solid-js": {
"version": "1.4.8", "version": "1.5.1",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.4.8.tgz", "resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.5.1.tgz",
"integrity": "sha512-XErZdnnYYXF7OwGSUAPcua2y5/ELB/c53zFCpWiEGqxTNoH1iQghzI8EsHJXk06sNn+Z/TGhb8bPDNNGSgimag==", "integrity": "sha512-Y6aKystIxnrB0quV5nhqNuJV+l2Fk3/PQy1mMya/bzxlGiMHAym7v1NaqEgqDIvctbkxOi5dBj0ER/ewrH060g==",
"dev": true "dev": true,
"requires": {
"csstype": "^3.1.0"
}
}, },
"source-map": { "source-map": {
"version": "0.7.4", "version": "0.7.4",

2
package.json
View File

@ -44,6 +44,6 @@
"remark-gfm": "^3.0.1", "remark-gfm": "^3.0.1",
"remark-smartypants": "^2.0.0", "remark-smartypants": "^2.0.0",
"sass": "^1.54.5", "sass": "^1.54.5",
"solid-js": "^1.4.8" "solid-js": "^1.5.1"
} }
} }

8
src/components/Button/Button.astro
View File

@ -10,22 +10,14 @@ const attrs = Astro.props as Props;
<style lang="scss"> <style lang="scss">
button { button {
cursor: pointer;
display: inline-flex; display: inline-flex;
column-gap: 7px; column-gap: 7px;
font-family: var(--font-family-base); font-family: var(--font-family-base);
font-weight: 500; font-weight: 500;
color: var(--font-color); color: var(--font-color);
padding: 5px 16px;
border: 1px solid var(--border-color);
border-radius: var(--border-radius-md);
background: none; background: none;
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
&:hover {
border: 1px solid var(--border-color-hover);
}
&[disabled] { &[disabled] {
opacity: 0.5; opacity: 0.5;
cursor: not-allowed; cursor: not-allowed;

8
src/styles/global.scss
View File

@ -130,6 +130,12 @@ a {
} }
button { button {
cursor: pointer;
background: none; background: none;
border: none; border: 1px solid var(--border-color);
border-radius: var(--border-radius-md);
padding: 5px 16px;
&:hover {
border: 1px solid var(--border-color-hover);
}
} }