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

mNo edit summary
mNo edit summary
 
(35 intermediate revisions by the same user not shown)
Line 2: Line 2:
.ur-wrapper {
.ur-wrapper {
display: flex;
display: flex;
flex-wrap: wrap;
gap: 2px;
gap: 2px;
}
.ur-wrapper .ur-head {
background-color: var(--background-color-object-neutral-subtle);
display: flex;
align-items: center;
font-weight: bold;
font-size: 1.2em;
text-align: center;
padding: 5px;
}
}


Line 25: Line 15:
gap: 2px;
gap: 2px;
width: 100%;
width: 100%;
}
.ur-wrapper .ur-head {
background-color: var(--background-color-object-neutral-subtle);
padding: .3em .4em;
width: 100%;
font-size: 1.1em;
font-weight: bold;
}
}


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


.ur-wrapper .flex-item-long {
.ur-wrapper .flex-item-long {
flex: 2 1 601px;
flex: 2 1 600px;
}
 
.ur-wrapper .flex-item p {
margin: 0;
}
 
.ur-wrapper .ur-upgrade-data {
display: flex;
flex-wrap: wrap;
gap: 0 10px;
align-items: center;
}
}


.ur-wrapper .flex-item-body {
.ur-wrapper .ur-upgrade-data div {
background-color: var(--background-color-object-neutral);
flex: 1 1 310px;
font-size: 90%;
padding: .2em .3em;
box-sizing: border-box;
width: 100%;
}
}


.ur-wrapper .flex-left-icon-wrapper {
.ur-wrapper .ur-upgrade-data .flex-left-icon-wrapper {
align-items: flex-start;
flex: 3 1 500px;
align-items: center;
}
}