Techwizz/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #55 from Falc0n2k/main

Browse source 
Added options for an avatar radius
This commit is contained in:
Seth Cottle 2022-06-08 20:01:44 -04:00 committed by GitHub
commit cb87857575
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 37 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
css/skeleton-auto.css
View file

@ -194,3 +194,15 @@ hr {
border-width: 0; border-width: 0;
border-top: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;
} }
/* Radius values:
10%-40%: Squircles
50% (default): True circle
*/
.avatar {
width: 128px;
height: 128px;
object-fit: cover;
background-position: center;
border-radius: 50%;
}

12
css/skeleton-dark.css
View file

@ -194,3 +194,15 @@ hr {
border-width: 0; border-width: 0;
border-top: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;
} }
/* Radius values:
10%-40%: Squircles
50% (default): True circle
*/
.avatar {
width: 128px;
height: 128px;
object-fit: cover;
background-position: center;
border-radius: 50%;
}

12
css/skeleton-light.css
View file

@ -194,3 +194,15 @@ hr {
border-width: 0; border-width: 0;
border-top: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;
} }
/* Radius values:
10%-40%: Squircles
50% (default): True circle
*/
.avatar {
width: 128px;
height: 128px;
object-fit: cover;
background-position: center;
border-radius: 50%;
}

2
index.html
View file

@ -66,7 +66,7 @@
--> -->
<!-- Your Image Here --> <!-- Your Image Here -->
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo"> <img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
<!-- Title --> <!-- Title -->
<h1>LittleLink</h1> <h1>LittleLink</h1>