woodpecker/docs/plugins/woodpecker-plugins/src/theme/style.css

74 lines
1.4 KiB
CSS

.wp-plugins-list {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
grid-gap: 2rem;
margin-top: 2rem;
}
@media screen and (max-width: 450px) {
.wp-plugins-list {
grid-template-columns: auto;
}
}
.wp-plugin-card {
display: flex;
position: relative;
max-width: 32rem;
color: var(--ifm-navbar-link-color);
text-decoration: none;
padding: .5rem 0 1rem;
flex-grow: 1;
margin: 0 auto;
width: 100%;
}
.wp-plugin-card:hover {
color: var(--ifm-navbar-link-color);
text-decoration: none;
}
.wp-plugin-card:hover h3 {
color: var(--ifm-link-color);
text-decoration: underline;
}
.wp-plugin-card h3 {
color: var(--ifm-link-color);
}
.wp-plugin-verified {
position: absolute;
top: .75rem;
right: 1rem;
color: #0369a1;
}
.wp-plugin-tags {
display: flex;
gap: .5rem;
flex-wrap: wrap;
}
.wp-plugin-search {
width: 100%;
max-width: 32rem;
margin: 0 auto;
padding: 1rem 1rem 1rem 2.25rem;
font-size: 1.1rem;
appearance: none;
background: var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat 0.75rem 1rem / 1.1rem 1.1rem;
border-radius: .5rem;
border: 1px solid var(--ifm-card-background-color);
color: var(--ifm-navbar-search-input-color);
}
.wp-plugin-search::placeholder {
color: var(--ifm-navbar-search-input-color);
}
.wp-plugin-breadcrumbs {
margin-bottom: 2rem;
}