Infra-Mirrors/littlelink
1
0
Fork 0
mirror of https://github.com/sethcottle/littlelink.git synced 2024-10-01 01:06:05 -04:00
Code Issues Packages Projects Releases 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-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-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-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 -->
<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 -->
<h1>LittleLink</h1>