Skip to content

Instantly share code, notes, and snippets.

@caffo

caffo/personas.css Secret

Created Dec 26, 2020
Embed
What would you like to do?
Roam Personas CSS
/***************/
/** personas **/
/**************/
[data-link-title="P:Self"]{
background: #DFDDD5;
padding: 3px 10px 3px 10px;
border-radius: 5px;
position: relative;
margin-right: 10px;
}
[data-link-title="P:Loving"]{
background: #e2d0cb;
padding: 3px 10px 3px 10px;
border-radius: 5px;
position: relative;
margin-right: 8px;
}
[data-link-title="P:Critic"]{
background: #C4CBB7;
padding: 3px 10px 3px 10px;
border-radius: 5px;
position: relative;
margin-right: 10px;
}
[data-link-title="P:Self"]:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 10px solid transparent;
border-left-color: #DFDDD5;
border-right: 0;
border-bottom: 0;
margin-top: -8px;
margin-right: -10px;
}
[data-link-title="P:Loving"]:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 10px solid transparent;
border-left-color: #e2d0cb;
border-right: 0;
border-bottom: 0;
margin-top: -8px;
margin-right: -10px;
}
[data-link-title="P:Critic"]:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 10px solid transparent;
border-left-color: #C4CBB7;
border-right: 0;
border-bottom: 0;
margin-top: -8px;
margin-right: -10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment