cerebrate-project
/
cerebrate
mirror of https://github.com/cerebrate-project/cerebrate
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: [layout:topbar] Make icon mask supported by more browsers

pull/72/head
Sami Mokaddem 2021-10-18 20:56:51 +02:00
parent a71fdef9f7
commit f16165ee6d
No known key found for this signature in database
GPG Key ID: 164C473F627A06FA
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/css/layout.css
View File

@ -525,11 +525,13 @@ ul.sidebar-elements > li.category > span.category-divider > hr {
mask-repeat: no-repeat;
mask-size: contain, cover;
mask-composite: source-out;
mask-composite: subtract;
-webkit-mask-image: url(/img/icon-composition/sheet-all.svg), url(/img/icon-composition/z.svg);
-webkit-mask-position: 0 0, 2.4px calc((var(--navbar-height) - 10px) / 2);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain, cover;
-webkit-mask-composite: source-out;
-webkit-mask-composite: subtract;
transition-timing-function: ease-out;
transition-duration: 0.2s;
transition-property: -webkit-mask-position;