number on top of picture

This commit is contained in:
Eloïse Piret 2017-02-08 12:25:11 +01:00
parent 65d1c50b44
commit d11b2d7a64

View file

@ -42,10 +42,20 @@ a.box {
#gamification-coders { #gamification-coders {
display: flex; display: flex;
justify-content: center; justify-content: center;
img{
height:40px;
width:40px !important;
border-radius:5px;
top: 0;
left: 0;
position: absolute;
z-index:1;
}
ol{ ol{
list-style-type: decimal-leading-zero; list-style-type: decimal-leading-zero;
counter-reset:li; counter-reset:li;
> li{ > li{
position: relative;
float:left; float:left;
padding:5px; padding:5px;
margin:20px; margin:20px;
@ -53,6 +63,10 @@ a.box {
margin-top:3px; margin-top:3px;
display:inline; display:inline;
&:before{ &:before{
top: 0;
left: 0;
position: absolute;
z-index:2;
content:counter(li); /* Use the counter as content */ content:counter(li); /* Use the counter as content */
counter-increment:li; counter-increment:li;
color:gray;//$tile-orange; color:gray;//$tile-orange;