Merge pull request #55 from Falc0n2k/main

Added options for an avatar radius
main
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

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%;
}

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%;
}

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%;
}

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>