mikwee/linkroots
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Styling the Twitter & GitHub buttons

Browse source
This commit is contained in:
mikwee 2021-11-08 16:56:33 +02:00
parent c3182489ba
commit 06a1a44b31
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App.js
View file

@ -11,7 +11,7 @@ function App() {
<div className="App"> <div className="App">
<h1 id="title">{data.title}</h1> <h1 id="title">{data.title}</h1>
<div id="container"> <div id="container">
<Button id="facebook" variant="primary">Facebook</Button> <Button id="github" variant="primary">Facebook</Button>
{/*{data.links.map((rootDetail, index)=>{ {/*{data.links.map((rootDetail, index)=>{
if(rootDetail.type == "facebook") { if(rootDetail.type == "facebook") {
res = <AwesomeButton className="roots"></AwesomeButton> res = <AwesomeButton className="roots"></AwesomeButton>

13
src/styles/roots.scss
View file

@ -1,5 +1,18 @@
$btn-border-radius: 25px; $btn-border-radius: 25px;
$btn-border-width: 0px;
#facebook { #facebook {
background-color: #1877f2; background-color: #1877f2;
} }
#instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
#twitter {
background-color: #1da1f2;
}
#github {
background-color: #fafafa;
color: #333;
}
@import "./node_modules/bootstrap/scss/bootstrap.scss"; @import "./node_modules/bootstrap/scss/bootstrap.scss";