A Hugo theme for the lab's various sites.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

138 lines
2.3 KiB

.products {
// Two classes for hiding things when we filter/search
.search-hide, .filter-hide {
display: none !important;
}
.product-filters {
@extend .my-4;
// Space the buttons vertically just a touch (buttons are just a bit more
// than 1.5em high)
line-height: 2em;
@include media-breakpoint-up(md) {
.product-filters-left {
border-right: 1px dotted #ccc;
}
}
@include media-breakpoint-down(sm) {
.product-filters-left {
border-bottom: 1px dotted #ccc;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
}
}
.author-details {
max-width: 25em;
.card-body ul {
columns: 2;
}
}
.pub-toggle {
position: absolute;
z-index: 999;
a:hover { text-decoration: none; }
}
.pub-collapse {
display: none;
}
.pub-expand.pub-default-open {
display: none;
}
.pub-collapse.pub-default-open {
display: inline;
}
.citation {
border-bottom: 1px dotted #ccc;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
.toggle { display: none; }
.toggle.pub-default-open { display: block; }
.row.toggle {
margin-top: 1.5em;
}
.text {
margin-left: 1em;
cite {
font-style: normal;
display: inline;
font-size: inherit;
color: inherit;
}
em cite { font-style: italic; }
cite:before { content: "" }
}
.details {
p {
@extend .border;
@extend .rounded;
@extend .p-2;
font-size: 0.8rem;
color: $gray-700;
margin-bottom: 0;
}
}
img.cover {
object-fit: contain;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.icons {
.badge {
white-space: normal;
}
}
}
#talk-display {
margin-bottom: 0.75rem;
}
#talk-nav ul {
text-align: center;
}
#talk-content { display: none; }
.talkheader {
margin-bottom: 0;
margin-top: 1.1em;
line-height: 1;
}
.talkdetails, .talk-icons { margin-left: 26px; margin-bottom: 0; }
.talkdetails {
font-size: 0.8125rem;
line-height: 1.4;
margin-top: 0.3em;
}
.talk-icons { margin-top: -5px; }
.orcid-icon {
width: 1em;
height: 1em;
position: relative;
top: -1px;
}
}