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

updated blog with icons for stats

Browse Source
This commit is contained in:
philip-ellis-sp
2023-05-23 16:03:38 -05:00
parent 22191cc67d
commit c890a185d5
3 changed files with 64 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -30,7 +30,7 @@
margin: 22px;
min-width: 170px;
bottom: 0px;
left: 80px;
left: 150px;
}
.cardTitle {
font-size: 22px;
@@ -67,8 +67,58 @@
position: absolute;
border-radius: 9999px;
bottom: 10px;
left: 10px;
left: 120px;
margin: auto;
height: 40px;
width: 40px;
}
.cardEye {
fill: #96a9bb;
/* computed from codepen https://codepen.io/sosuke/pen/Pjoqqp */
filter: invert(79%) sepia(12%) saturate(484%) hue-rotate(168deg) brightness(84%) contrast(84%);
margin-left: 5px;
height: 18px;
width: 18px;
}
.cardDataText {
color: #96a9ba;
/* computed from codepen https://codepen.io/sosuke/pen/Pjoqqp */
margin-left: 5px;
font-size: 16px;
text-align: start;
visibility: hidden;
}
.cardDataTextAlign {
color: #96a9ba;
/* computed from codepen https://codepen.io/sosuke/pen/Pjoqqp */
margin-left: 5px;
font-size: 16px;
text-align: start;
position: absolute;
top: -3px
}
.cardComment {
margin-left: 10px;
fill: #96a9bb;
/* computed from codepen https://codepen.io/sosuke/pen/Pjoqqp */
filter: invert(79%) sepia(12%) saturate(484%) hue-rotate(168deg) brightness(84%) contrast(84%);
height: 18px;
width: 18px;
}
.cardCommentText {
color: #96a9ba;
/* computed from codepen https://codepen.io/sosuke/pen/Pjoqqp */
margin-left: 5px;
height: 20px;
font-size: 16px;
}
.cardData {
position: absolute;
bottom: 50px;
left: 20px;
}