By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 badges.css

View raw Download
text/plain • 635 B
ASCII text
        
            
1
[data-badge]:not(.nobadgepos) {
2
position: relative;
3
}
4
5
[data-badge]::after {
6
content: attr(data-badge);
7
position: absolute;
8
box-shadow: var(--shadow-badge);
9
border: var(--border-badge);
10
background-color: var(--color-badge);
11
color: var(--color-badge-text);
12
top: var(--y-badge);
13
left: var(--x-badge);
14
transform: translateX(-50%) translateY(-50%);
15
min-width: var(--width-badge);
16
min-height: var(--height-badge);
17
border-radius: var(--radius-badge);
18
display: flex;
19
align-items: center;
20
justify-content: center;
21
font: var(--badge-font);
22
padding: var(--padding-badge);
23
}