bubble/yarkov.tech
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/yarkov.tech.git synced 2026-10-11 18:39:14 +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-smartypants": "^2.0.0",
"sass": "^1.54.5",
"solid-js": "^1.4.8"
"solid-js": "^1.5.1"
}
},
"node_modules/@ampproject/remapping": {
@ -2369,6 +2369,12 @@
"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": {
"version": "4.0.0",
"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": {
"version": "1.4.8",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.4.8.tgz",
"integrity": "sha512-XErZdnnYYXF7OwGSUAPcua2y5/ELB/c53zFCpWiEGqxTNoH1iQghzI8EsHJXk06sNn+Z/TGhb8bPDNNGSgimag==",
"dev": true
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.5.1.tgz",
"integrity": "sha512-Y6aKystIxnrB0quV5nhqNuJV+l2Fk3/PQy1mMya/bzxlGiMHAym7v1NaqEgqDIvctbkxOi5dBj0ER/ewrH060g==",
"dev": true,
"dependencies": {
"csstype": "^3.1.0"
}
},
"node_modules/source-map": {
"version": "0.7.4",
@ -11298,6 +11307,12 @@
"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": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
@ -15392,10 +15407,13 @@
"dev": true
},
"solid-js": {
"version": "1.4.8",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.4.8.tgz",
"integrity": "sha512-XErZdnnYYXF7OwGSUAPcua2y5/ELB/c53zFCpWiEGqxTNoH1iQghzI8EsHJXk06sNn+Z/TGhb8bPDNNGSgimag==",
"dev": true
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.5.1.tgz",
"integrity": "sha512-Y6aKystIxnrB0quV5nhqNuJV+l2Fk3/PQy1mMya/bzxlGiMHAym7v1NaqEgqDIvctbkxOi5dBj0ER/ewrH060g==",
"dev": true,
"requires": {
"csstype": "^3.1.0"
}
},
"source-map": {
"version": "0.7.4",

2
package.json
View File

@ -44,6 +44,6 @@
"remark-gfm": "^3.0.1",
"remark-smartypants": "^2.0.0",
"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">
button {
cursor: pointer;
display: inline-flex;
column-gap: 7px;
font-family: var(--font-family-base);
font-weight: 500;
color: var(--font-color);
padding: 5px 16px;
border: 1px solid var(--border-color);
border-radius: var(--border-radius-md);
background: none;
font-size: var(--font-size-sm);
&:hover {
border: 1px solid var(--border-color-hover);
}
&[disabled] {
opacity: 0.5;
cursor: not-allowed;

8
src/styles/global.scss
View File

@ -130,6 +130,12 @@ a {
}
button {
cursor: pointer;
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);
}
}