mirror of
https://github.com/explosion/spaCy.git
synced 2025-01-08 08:16:34 +03:00
40 lines
1002 B
Sass
40 lines
1002 B
Sass
|
// Images - Variables
|
||
|
|
// ============================================================================
|
||
|
|
|
||
|
|
$image-background : color(grey, light)
|
||
|
|
$image-profile-margin : 1rem 3rem
|
||
|
|
$image-profile-width : $width-profile
|
||
|
|
$image-ratio : $image-ratio
|
||
|
|
|
||
|
|
|
||
|
|
// Images - Style
|
||
|
|
// ============================================================================
|
||
|
|
|
||
|
|
// Image Containers
|
||
|
|
// .image-container - container for figures and inline images
|
||
|
|
// .image-hero - container for hero image for blog posts
|
||
|
|
// .image-profile - container for profile photo
|
||
|
|
|
||
|
|
.image-container
|
||
|
|
@extend .block
|
||
|
|
margin-left: 0
|
||
|
|
margin-right: 0
|
||
|
|
|
||
|
|
.image-profile
|
||
|
|
@include size($image-profile-width)
|
||
|
|
background: $image-background
|
||
|
|
border-radius: 50%
|
||
|
|
margin: $image-profile-margin
|
||
|
|
overflow: hidden
|
||
|
|
shape-outside: circle()
|
||
|
|
|
||
|
|
|
||
|
|
// Global image ratio
|
||
|
|
|
||
|
|
.image-ratio
|
||
|
|
background: $image-background
|
||
|
|
height: 0
|
||
|
|
overflow: hidden
|
||
|
|
padding-bottom: (100% / $image-ratio)
|
||
|
|
width: 100%
|