1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 21:06:42 +07:00

fixed background size cover

This commit is contained in:
Fedor Katurov 2020-03-16 16:19:03 +07:00
parent a76ee66f51
commit da47da9d6a
9 changed files with 19 additions and 14 deletions

View file

@ -3,7 +3,8 @@
height: $comment_height;
width: 100%;
box-sizing: border-box;
background: 50% 50% no-repeat/cover;
background: 50% 50% no-repeat;
background-size: cover;
position: relative;
display: flex;
align-items: center;

View file

@ -4,7 +4,8 @@
height: 100%;
top: 0;
left: 0;
background: 50% 50% no-repeat/cover;
background: 50% 50% no-repeat;
background-size: cover;
opacity: 0;
transition: opacity 1s;

View file

@ -2,7 +2,8 @@
padding-top: 56.25%;
position: relative;
border-radius: $radius;
background: 50% 50% no-repeat/cover;
background: 50% 50% no-repeat;
background-size: cover;
// background: darken($color: $content_bg, $amount: 2%);
}

View file

@ -8,7 +8,8 @@
position: relative;
cursor: pointer;
color: white;
background: 50% 50% no-repeat/cover $content_bg;
background: 50% 50% no-repeat $content_bg;
background-size: cover;
.is_hero {
.title {

View file

@ -26,7 +26,8 @@
.thumb {
height: 48px;
margin-right: $gap;
background: 50% 50% no-repeat/cover;
background: 50% 50% no-repeat;
background-size: cover;
border-radius: $radius;
flex: 0 0 48px;
display: flex;

View file

@ -55,7 +55,8 @@ $outgoing_color: $comment_bg;
flex: 0 0 40px;
border-radius: $radius;
background: 50% 50% no-repeat/cover;
background: 50% 50% no-repeat;
background-size: cover;
// display: none;
}