github-webcomponents
Advanced tools
{ | ||
"name": "github-webcomponents", | ||
"version": "1.1.0", | ||
"version": "1.2.0", | ||
"description": "a web component to show a profile-card for your github account", | ||
@@ -5,0 +5,0 @@ "author": "rejas", |
@@ -9,6 +9,6 @@ class GithubCard extends HTMLElement { | ||
:host { | ||
display: inline-block; | ||
--ghc-primarycolor: #222; | ||
--ghc-secondarycolor: #fff; | ||
--ghc-textcolor: #999; | ||
--ghc-fontfamily: Helvetica, Arial; | ||
--ghc-fontsize: 1rem; | ||
@@ -18,3 +18,3 @@ } | ||
.user { | ||
font-family: "Helvetica", Arial, sans-serif; | ||
font-family: var(--ghc-fontfamily), sans-serif; | ||
font-size: var(--ghc-fontsize); | ||
@@ -25,2 +25,3 @@ display: inline-block; | ||
overflow: hidden; | ||
border: 1px solid var(--ghc-primarycolor); | ||
border-radius: 6px; | ||
@@ -47,4 +48,2 @@ position: relative; | ||
height: 85px; | ||
border: 1px solid var(--ghc-textcolor); | ||
border-bottom: 0; | ||
} | ||
@@ -54,12 +53,11 @@ | ||
display: inline-block; | ||
margin: 20px 0 10px; | ||
margin: 1em 0; | ||
} | ||
.user-avatar img { | ||
border-radius: 100%; | ||
height: 120px; | ||
width: 120px; | ||
background-color: var(--ghc-secondarycolor); | ||
border: 3px solid var(--ghc-secondarycolor); | ||
vertical-align: middle; | ||
background-color: var(--ghc-secondarycolor); | ||
border-radius: 100%; | ||
} | ||
@@ -69,3 +67,3 @@ | ||
dd.user-account { | ||
margin: 5px 0; | ||
margin: 0 0 0.5em; | ||
} | ||
@@ -80,3 +78,2 @@ | ||
color: var(--ghc-textcolor); | ||
margin: 5px 0; | ||
} | ||
@@ -91,3 +88,3 @@ | ||
.user-stats dd { | ||
padding: 10px 20px; | ||
padding: 0.5em 1em; | ||
} | ||
@@ -94,0 +91,0 @@ |
59208
-0.17%623
-0.48%