privacyguides/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-02 17:42:39 +00:00
Code Issues Activity

Add cover images (#2137)

Browse Source
This commit is contained in:
Jonah Aragon
2023-04-17 17:16:29 -05:00
parent a5c761c237
commit ca6236da58
56 changed files with 82 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
theme/assets/stylesheets/extra.css
View File

@ -454,3 +454,31 @@ div[class="md-source__icon md-icon"], div[class="md-source__repository md-source
path[d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25Z"] {
d: path('M16.937 3.722a2.363 2.363 0 1 1 3.341 3.341L19.342 8 16 4.658l.937-.936ZM13.467 7 3 17.467V21h3.532L17 10.533 13.465 7h.001Z')
}
/* Cover images */
.center-cropped {
width: 100%;
height: 200px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
text-align: center;
border-radius: 0.5em;
}
/* Set the image to fill its parent and make transparent */
.center-cropped img {
min-height: 100%;
min-width: 100%;
opacity: 0;
}
.center-cropped h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}