Mirrors/webring
2
0
Fork 0
mirror of https://github.com/maxboeck/webring synced 2025-02-16 17:58:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

adjust embed styles

Browse source
This commit is contained in:
Max Böck 2019-04-15 08:30:26 +02:00
parent 616952f9ef
commit bc0c4e83fe
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/assets/scripts/embed.njk
View file

@ -17,9 +17,13 @@ class WebringBanner extends HTMLElement {
getStyles() {
return `
<style>
:root * {
* {
box-sizing: border-box;
}
:root {
font-size: 100%;
}
:host {
display: block;
@ -52,7 +56,7 @@ class WebringBanner extends HTMLElement {
.webring-banner__description {
flex: 1 0 0%;
padding-right: 32px;
padding-right: 2rem;
}
.webring-banner__image {
@ -72,14 +76,13 @@ class WebringBanner extends HTMLElement {
.webring-banner__info {
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border: 2px solid #DDD;
width:20px;
height:20px;
line-height: 20px;
font-size: 12px;
width:1.25rem;
height:1.25rem;
line-height: 1.25rem;
font-size: .75rem;
text-align:center;
color: #666;
text-decoration:none;
@ -114,6 +117,9 @@ class WebringBanner extends HTMLElement {
.webring-banner__link {
min-width:100px;
}
.webring-banner__info {
align-items:center;
}
}
</style>
`;