admin-list.grid.css in Lightning Core 8.5
.admin-list.grid li {
transition: background-color .4s;
border: 1px solid #bfbfbf;
margin-bottom: 1%;
}
.admin-list.grid li:hover {
background-color: #f7f7f7;
}
.admin-list.grid li a {
background-image: none;
padding: 1rem;
}
.admin-list.grid.with-icons li a {
background-position: 1rem center;
background-size: 4rem auto;
padding-left: 6rem;
}
@media screen and (min-width: 480px) {
.admin-list.grid {
display: flex;
flex-flow: row wrap;
}
.admin-list.grid li {
width: calc(49% - 2px);
}
[dir="ltr"] .admin-list.grid li:nth-child(odd) {
margin-right: 1%;
}
[dir="rtl"] .admin-list.grid li:nth-child(odd) {
margin-left: 1%;
}
.admin-list.grid.with-icons li {
text-align: center;
}
.admin-list.grid.with-icons li a {
background-position: center 1rem;
background-size: auto 4rem;
padding-left: 1rem;
padding-top: 6rem;
}
}
File
css/admin-list.grid.css
View source
- .admin-list.grid li {
- transition: background-color .4s;
- border: 1px solid #bfbfbf;
- margin-bottom: 1%;
- }
- .admin-list.grid li:hover {
- background-color: #f7f7f7;
- }
- .admin-list.grid li a {
- background-image: none;
- padding: 1rem;
- }
- .admin-list.grid.with-icons li a {
- background-position: 1rem center;
- background-size: 4rem auto;
- padding-left: 6rem;
- }
- @media screen and (min-width: 480px) {
- .admin-list.grid {
- display: flex;
- flex-flow: row wrap;
- }
- .admin-list.grid li {
- width: calc(49% - 2px);
- }
- [dir="ltr"] .admin-list.grid li:nth-child(odd) {
- margin-right: 1%;
- }
- [dir="rtl"] .admin-list.grid li:nth-child(odd) {
- margin-left: 1%;
- }
- .admin-list.grid.with-icons li {
- text-align: center;
- }
- .admin-list.grid.with-icons li a {
- background-position: center 1rem;
- background-size: auto 4rem;
- padding-left: 1rem;
- padding-top: 6rem;
- }
- }