Template:Upgrade row/style.css: Difference between revisions

mNo edit summary
mNo edit summary
 
(11 intermediate revisions by the same user not shown)
Line 21: Line 21:
padding: .3em .4em;
padding: .3em .4em;
width: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
gap: 5px;
}
.ur-wrapper .ur-head .ur-name {
flex: 1 1 150px;
font-size: 1.1em;
font-size: 1.1em;
}
font-weight: bold;
 
.ur-wrapper .ur-head .ur-cost {
flex: 3 1 300px;
column-width: 150px;
font-size: 0.9em;
}
 
.ur-wrapper .ur-head .ur-xp {
flex: 1 1 100px;
font-size: 0.9em;
}
}


.ur-wrapper .flex-item {
.ur-wrapper .flex-item {
flex: 2 1 600px;
flex: 1 1 300px;
background-color: var(--background-color-object-neutral);
background-color: var(--background-color-object-neutral);
font-size: 90%;
padding: .2em .3em;
padding: .2em .3em;
box-sizing: border-box;
box-sizing: border-box;
}
font-size: 0.9em;
 
.ur-wrapper .flex-item-short {
flex: 1 1 300px;
}
}


.ur-wrapper .flex-item-long {
.ur-wrapper .flex-item-long {
flex: 3 1 901px;
flex: 2 1 600px;
}
}


Line 64: Line 41:
}
}


.ur-wrapper .flex-left-icon-wrapper {
.ur-wrapper .ur-upgrade-data {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: 0 10px;
align-items: center;
}
 
.ur-wrapper .ur-upgrade-data div {
flex: 1 1 310px;
}
 
.ur-wrapper .ur-upgrade-data .flex-left-icon-wrapper {
flex: 3 1 500px;
align-items: center;
}
}