react-toolbox-build4server
Version:
Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project
46 lines (40 loc) • 1.02 kB
CSS
.rt-chip-chip {
display: inline-block;
padding: 0 1.2rem;
margin-right: 0.25rem;
font-size: 1.4rem;
line-height: 3.2rem;
color: #757575;
background-color: #eeeeee;
border-radius: 3.2rem; }
.rt-chip-avatar {
padding-left: 0; }
.rt-chip-avatar > [data-react-toolbox="avatar"] {
width: 3.2rem;
height: 3.2rem;
margin-right: 0.8rem;
vertical-align: middle; }
.rt-chip-avatar > [data-react-toolbox="avatar"] > span {
font-size: 2rem;
line-height: 3.2rem; }
.rt-chip-deletable {
padding-right: 3.2rem; }
.rt-chip-delete {
position: absolute;
display: inline-block;
width: 2.4rem;
height: 2.4rem;
padding: 0.4rem;
margin: 0.4rem;
vertical-align: middle;
cursor: pointer; }
.rt-chip-delete:hover .rt-chip-deleteIcon {
background: #9e9e9e; }
.rt-chip-deleteIcon {
vertical-align: top;
background: #bdbdbd;
border-radius: 2.4rem; }
.rt-chip-deleteIcon .rt-chip-deleteX {
fill: transparent;
stroke-width: 0.4rem;
stroke: white; }