LukeParke/developer.sailpoint.com
1
0
Fork 0
mirror of https://github.com/LukeHagar/developer.sailpoint.com.git synced 2025-12-10 12:27:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

added image to card

Browse Source
This commit is contained in:
philip-ellis-sp
2023-05-24 15:06:23 -05:00
parent 161c839c20
commit ee79eb9718
3 changed files with 52 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/blog/BlogCard/styles.module.css
View File

@@ -2,7 +2,7 @@
.card {
position: relative;
margin-top: 20px;
height: 400px;
height: 650px;
/* UI Properties */
background: var(--dev-card-background);
box-shadow: var(--dev-card-shadow);
@@ -25,13 +25,7 @@
left: 0;
}
.cardName {
position: absolute;
margin: 22px;
min-width: 170px;
bottom: 0px;
left: 150px;
}
.cardTitle {
font-size: 22px;
font-weight: 700;
@@ -46,33 +40,49 @@
.tag {
font-size: 12px;
font-size: 16px;
font-weight: 500;
color: var(--dev-secondary-text);
background-color: #eaeef1;
padding: 0px 8px;
}
.tags {
position: absolute;
margin: 0px;
width: 230px;
top: 10px;
left: 20px;
display: grid;
grid-template-columns: max-content max-content max-content;
grid-gap: 10px;
}
.cardFace {
.cardUser {
position: absolute;
border-radius: 9999px;
bottom: 10px;
left: 120px;
display: flex;
}
.cardFace {
border-radius: 9999px;
margin: auto;
height: 40px;
width: 40px;
}
.cardName {
min-width: 170px;
margin-top: 7px;
margin-left: 10px;
}
.cardData {
position: absolute;
bottom: 50px;
left: 20px;
}
.cardEye {
fill: #96a9bb;
/* computed from codepen https://codepen.io/sosuke/pen/Pjoqqp */
@@ -117,8 +127,3 @@
font-size: 16px;
}
.cardData {
position: absolute;
bottom: 50px;
left: 20px;
}