Bureaucrats, Check users, Interface administrators, steward, Suppressors, Administrators, translator
490
edits
Changes
Jump to navigation
Jump to search
Line 9:
Line 9: − + − display: grid; /* Use grid layout */+ − + − + − .icannwiki-invisible-bullet { − width: 100%; − display: block; /* Ensure this div behaves as expected in the layout */ − } − − + + + + + + + + + + +
no edit summary
width: 100%;
width: 100%;
margin-bottom: 20px;
margin-bottom: 20px;
padding: 10px;
padding: 10px; /* Adjusted to account for the margin on grid items */
display: grid;
grid-gap: 10px; /* Space between grid items */
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* Adjust number of columns based on available width */
/* No grid-gap property */
}
}
/* List cotained within the top box */
/* List cotained within the top box */
.icannwiki-invisible-bullet ul {
.icannwiki-invisible-bullet ul {
list-style-type: none;
list-style-type: none;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
display: contents; /* This makes ul not to be considered as a container, but its children li> will be direct children of .icannwiki-top-box */
display: contents; /* Make the <ul> not affect the layout */
}
.icannwiki-invisible-bullet ul li {
list-style-type: none;
font-size: 120%;
margin: 5px; /* Margin around items to create "gap" */
padding: 5px; /* Padding inside each item */
border-radius: 5px;
/* Add background-color, border, etc., here */
}
}
.icannwiki-invisible-bullet a {
.icannwiki-invisible-bullet a {
color: green;
color: green;
text-decoration: none;
}
}