docs/themes/geekboot/assets/scss/_home.scss

92 lines
1.5 KiB
SCSS

.home-card{
min-width: 301px;
}
.home-svg {
height: 301px;
width: 301px;
}
.home-link-title{
font-size: 20px !important;
}
.home-link-description{
font-size: 16px !important;
}
.card {
background: var(--body-background);
color: var(--body-font-color);
}
@include media-breakpoint-up(lg) {
.home-search {
display: flex !important;
}
}
/* purgecss start ignore */
#tooltip {
display: inline-block;
background: #{$aqua-400};
color: #{$fog-1000};
font-weight: bold;
padding: 5px 10px;
font-size: 16px;
border-radius: 4px;
}
@include media-breakpoint-down(lg) {
#tooltip {
display: none !important;
}
}
#arrow,
#arrow::before {
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
#arrow {
visibility: hidden;
}
#arrow::before {
visibility: visible;
content: '';
transform: rotate(45deg);
}
#tooltip[data-popper-placement^='top'] > #arrow {
bottom: -4px;
}
#tooltip[data-popper-placement^='bottom'] > #arrow {
top: -4px;
}
#tooltip[data-popper-placement^='left'] > #arrow {
right: -4px;
}
#tooltip[data-popper-placement^='right'] > #arrow {
left: -4px;
}
/* purgecss end ignore */
.list-group-item {
border-color: var(--dropdown-border-color);
background: var(--body-background);
color: var(--body-font-color);
}
@include media-breakpoint-down(xl) {
.home-card {
margin-top: 1rem !important;
}
}