59 lines
1.4 KiB
SCSS
59 lines
1.4 KiB
SCSS
/** Sheets **/
|
|
&.sheet {
|
|
min-width: 600px;
|
|
.sheet-header {
|
|
h1 {
|
|
flex: 0 0 100%;
|
|
input {
|
|
height: 3rem;
|
|
line-height: 1.5rem;
|
|
margin: 0;
|
|
padding: 0 0 0.5rem;
|
|
width: 100%;
|
|
border: 1px solid $l5r5e-white;
|
|
color: $l5r5e-red;
|
|
}
|
|
}
|
|
img {
|
|
flex: 0 0 150px;
|
|
height: 150px;
|
|
margin-right: 0.25rem;
|
|
}
|
|
.header-fields {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.identity-wrapper {
|
|
flex: 0 0 calc(100% - 150px - 0.25rem);
|
|
.identity-content {
|
|
flex: 0 0 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
li {
|
|
flex: 33%;
|
|
&:nth-child(1),
|
|
&:nth-child(2) {
|
|
flex: 50%;
|
|
margin: 0 0 0.5rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.rings {
|
|
flex: 0 0 calc(50% - 0.25rem);
|
|
display: flex;
|
|
padding: 0.25rem;
|
|
}
|
|
.social-content {
|
|
flex: 0 0 100%;
|
|
display: flex;
|
|
padding: 0.25rem;
|
|
}
|
|
.attributes-wrapper {
|
|
flex: 0 0 calc(50% - 0.25rem);
|
|
display: flex;
|
|
padding: 0.25rem;
|
|
}
|
|
}
|
|
}
|