fixed home clip on desktop
This commit is contained in:
24
css/base.css
24
css/base.css
@@ -5451,7 +5451,11 @@ body.category.category-esemeny {
|
|||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img {
|
.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img {
|
||||||
-webkit-mask: url(../img/clip/be_desktop.svg);
|
-webkit-mask: url(../img/clip/be_desktop.svg);
|
||||||
mask: url(../img/clip/be_desktop.svg); } }
|
-webkit-mask-repeat: no-repeat;
|
||||||
|
-webkit-mask-size: 100%;
|
||||||
|
mask: url(../img/clip/be_desktop.svg);
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-size: 100%; } }
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.tag-do .metadata {
|
.tag-do .metadata {
|
||||||
@@ -5508,7 +5512,11 @@ body.category.category-esemeny {
|
|||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img {
|
.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img {
|
||||||
-webkit-mask: url(../img/clip/do_desktop.svg);
|
-webkit-mask: url(../img/clip/do_desktop.svg);
|
||||||
mask: url(../img/clip/do_desktop.svg); } }
|
-webkit-mask-repeat: no-repeat;
|
||||||
|
-webkit-mask-size: 100%;
|
||||||
|
mask: url(../img/clip/do_desktop.svg);
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-size: 100%; } }
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.tag-think .metadata {
|
.tag-think .metadata {
|
||||||
@@ -5565,7 +5573,11 @@ body.category.category-esemeny {
|
|||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img {
|
.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img {
|
||||||
-webkit-mask: url(../img/clip/think_desktop.svg);
|
-webkit-mask: url(../img/clip/think_desktop.svg);
|
||||||
mask: url(../img/clip/think_desktop.svg); } }
|
-webkit-mask-repeat: no-repeat;
|
||||||
|
-webkit-mask-size: 100%;
|
||||||
|
mask: url(../img/clip/think_desktop.svg);
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-size: 100%; } }
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.tag-love .metadata {
|
.tag-love .metadata {
|
||||||
@@ -5622,7 +5634,11 @@ body.category.category-esemeny {
|
|||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img {
|
.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img {
|
||||||
-webkit-mask: url(../img/clip/love_desktop.svg);
|
-webkit-mask: url(../img/clip/love_desktop.svg);
|
||||||
mask: url(../img/clip/love_desktop.svg); } }
|
-webkit-mask-repeat: no-repeat;
|
||||||
|
-webkit-mask-size: 100%;
|
||||||
|
mask: url(../img/clip/love_desktop.svg);
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-size: 100%; } }
|
||||||
|
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.single .tag-be .titlewrapper .metadata {
|
.single .tag-be .titlewrapper .metadata {
|
||||||
|
|||||||
@@ -2574,7 +2574,11 @@ body.page {
|
|||||||
mask-size: 100%;
|
mask-size: 100%;
|
||||||
@media #{$tablet} {
|
@media #{$tablet} {
|
||||||
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
|
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
|
||||||
mask: url(../img/clip/#{$tag}_desktop.svg);
|
-webkit-mask-repeat: no-repeat;
|
||||||
|
-webkit-mask-size: 100%;
|
||||||
|
mask: url(../img/clip/#{$tag}_desktop.svg);
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-size: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user