Sha256: adc6296a6e61634580f3c904eeabf37d19c3cf074ab8fa960981fa83b948307f
Contents?: true
Size: 1.45 KB
Versions: 12
Compression:
Stored size: 1.45 KB
Contents
$mu-erd-margin: 20px;
.mu-erd {
position: relative;
width: 100%;
padding: 15px;
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
svg {
z-index: 0;
width: calc(100% - #{$mu-erd-margin});
height: 100%;
position: absolute;
margin-left: $mu-erd-margin;
}
}
.mu-erd-entity {
z-index: 1;
margin: $mu-erd-margin;
width: 250px;
min-width: 250px;
border: $mu-component-border;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.mu-erd-entity-name {
padding: 5px 10px;
list-style: none;
text-align: center;
border-bottom: $mu-component-border;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: $mu-color-component-title-background;
margin: 0;
}
.mu-erd-entity-columns {
list-style: none;
padding: 5px 10px;
margin: 0;
background-color: white;
.mu-erd-entity-column {
display: flex;
padding: 5px 0;
flex-flow: row;
justify-content: space-between;
border-bottom: 1px dashed $mu-color-component-border;
&:last-child {
border-bottom: none;
}
.mu-erd-entity-column-name {
text-align: left;
span {
margin-left: 5px;
}
.mu-erd-pk { color: rgb(196, 173, 44) }
.mu-erd-fk { color: rgb(184, 184, 184) }
.mu-erd-pk,
.mu-erd-fk {
font-size: 75%;
};
}
.mu-erd-entity-column-type {
text-align: right;
}
}
}
Version data entries
12 entries across 12 versions & 1 rubygems