Browse Source
Merge pull request #55 from Falc0n2k/main
Added options for an avatar radius
main
Seth Cottle
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with
37 additions and
1 deletions
-
css/skeleton-auto.css
-
css/skeleton-dark.css
-
css/skeleton-light.css
-
index.html
|
|
|
@ -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%; |
|
|
|
} |
|
|
|
@ -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%; |
|
|
|
} |
|
|
|
@ -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%; |
|
|
|
} |
|
|
|
@ -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> |
|
|
|
|
