react-profiles/dist/index.css

A collection of Profile components with automatic data filling using public apis.

a{ text-decoration: none ; user-select: none; }

.inline{
    display:inline ;
}

div.UnitIconReactProfile {
    position: relative;
    border-radius: 50px;
}

.UnitIconReactProfile svg{
    transition: all 0.2s ease-in ; 
    box-shadow: none ;
    background: transparent ; 
    border-radius: 5px ;
}

.UnitIconReactProfile svg:hover{
    transition: all 0.2s ease-in  ;
    border-radius: 10px;
    filter: drop-shadow(0px 12px 7px rgba(0,0,0,0.5));  
    transform: scale(1.1) translateX(10px) ; 
    z-index: 3;
}

svg{
    margin:1px ; 
    padding:1px ; 
}

.fa{
    font-size: 130%;
    padding:2px; 
    opacity: 0.9;
}
button:hover .fa{
    font-size: 150%;
    opacity: 1;
}

i.fa-star,.fa-archive{
    font-size : 100%;
}

button i{
    transition: all 0.3s ; 
}


button:hover i.fa-star{
    transform:  rotate(180deg) ; 
    color:orange ;
}


.Paper{
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12); 
    border-radius: 4px ; 
    display:flex ; 
}