Files
roll20-character-sheets-tester/Knight/scss/files/tabs/IA.scss
T
2021-10-28 20:52:12 +02:00

116 lines
2.4 KiB
SCSS

div.tabIA {
@include col(100%, calc((100% / 2) - 5px));
div.donnees {
@include block($sombre);
@include titre($white);
h1.titre {
display:flex;
}
label {
display:flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
width: 100%;
background: $clair;
color: $black;
font-size: 14px;
span {
display:inline-block;
width: calc(50% - 2px);
line-height: 28px;
padding-left: 2px;
}
input[type="text"] {
display:inline-block;
width: 50%;
border: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 28px;
}
&:not(:last-of-type) {
border-bottom:1px solid $sombre;
}
}
}
div.atoutHandicap {
@include block($sombre);
@include titre($white);
h1.titre {
display:flex;
}
.repcontainer {
display:flex;
flex-wrap: wrap;
width:100%;
}
.repitem {
display:flex;
flex-wrap: wrap;
width:100%;
input[type="text"] {
width: 100%;
border: 0px;
margin: 0px;
padding: 0px;
text-align: center;
height: 28px;
}
div.autoex {
border-top:1px solid $sombre;
}
&:not(:first-of-type) {
input[type="text"] {
border-top:5px double $sombre;
}
}
}
}
div.caractere {
@include block($sombre);
@include titre($white);
h1.titre {
display:flex;
}
}
div.notes {
@include block($sombre);
@include titre($white);
h1.titre {
display:flex;
}
.repitem {
display:flex;
width:100%;
&:not(:first-of-type) {
border-top:1px solid $sombre;
}
}
}
div.col >* {
margin-bottom:10px;
}
}