autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: css - common styles + test

Browse Source
This commit is contained in:
gaelle morin
2020-12-04 15:44:45 +01:00
parent 7166ce1391
commit 961a8b6cb8
76 changed files with 1340 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/styles/hubl-framework/badges/_index.scss Normal file
View File

@ -0,0 +1,50 @@
.badge {
display: block;
border-radius: 50%;
font-size: 11px;
height: 18px;
width: 18px;
font-weight: bold;
text-align: center;
line-height: 18px;
color: var(--color-heading);
background: var(--color-third);
&.color-primary {
background: white;
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
&.color-secondary {
background: white;
border: 1px solid var(--color-secondary);
color: var(--color-secondary);
}
&.color-third {
background: white;
border: 1px solid var(--color-third);
color: var(--color-third);
}
&.reversed {
&.color-primary {
background: var(--color-primary);
border: 1px solid var(--color-primary);
color: white;
}
&.color-secondary {
background: var(--color-secondary);
border: 1px solid var(--color-secondary);
color: white;
}
&.color-third {
background: var(--color-third);
border: 1px solid var(--color-third);
color: white;
}
}
}