User:Aesulus/Membership box.css: Difference between revisions
Content added Content deleted
No edit summary |
No edit summary |
||
Line 32: | Line 32: | ||
.membership-table, .membership-section { |
.membership-table, .membership-section { |
||
display: flex; |
|||
flex-flow: row wrap; |
|||
padding-left: 1px; |
padding-left: 1px; |
||
padding-top: 1px; |
padding-top: 1px; |
Revision as of 08:16, 4 September 2022
.membership-table {
background-color: #f8f9fa;
}
.membership-icons {
display: flex;
flex-flow: row wrap;
padding: 0.5em 1em;
}
.membership-icons ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.membership-icons li {
display: inline;
}
/* Constrains height and width to 32x32px
.membership-icons img {
width: 32px;
height: 32px;
}
*/
.membership-table {
display: flex;
flex-flow: row wrap;
}
.membership-table, .membership-section {
padding-left: 1px;
padding-top: 1px;
}
.membership-table > *, .membership-section > * {
margin-left: -1px;
margin-top: -1px;
border: 1px solid #a2a9b1;
}
.membership-header {
background: #ededed;
text-align: center;
font-weight: bold;
padding: 0.2em 0;
flex: 100%
}
.membership-badges-section {
flex: 1 300px
}
.membership-icon-label {
flex: 100%;
}
.membership-perks-section {
flex: 2 auto;
}