Arc-hive-omeka-theme/_off/asset/scss/global/_omeka.scss

168 lines
2.5 KiB
SCSS

// Omeka Styles
// -----------------------------
//
// Table of Contents:
// #. Global Styles
// #. Header
// #. Resource Browse
// #. Advanced Search
// #. Page
// #. Blocks
// #. Global Styles
// ------------------
#user-bar {
width: 100%;
}
// line breaks generated by omekas
.break {
width: 100%;
margin: (2 * $global-margin) 0;
clear: both;
}
.break.opaque {
border-top: 1px solid $body-background;
}
.break.transparent {
border-top: none;
}
// vertical spacing for bloc elements
//
.archive-item-block {
margin-bottom: $global-margin * 1;
}
/* Styles for vertical menu layout */
// #. Header
// ------------------
// #. Footer
// ------------------
// #. Resource Browse
// ------------------
.browse-control-mobile {
display: none;
@include breakpoint(small down) {
display: inline-block;
}
}
.browse-controls {
@include xy-grid;
justify-content: space-between;
align-items: center;
@include breakpoint(small down) {
display: none;
&.open {
display: flex;
align-items: stretch;
}
&.closed {
display: none;
}
}
.button-group {
margin-bottom: 0;
}
button,.button{
font-size: $global-font-size * 0.9;
padding: $global-padding*0.7 $global-padding*1.7;
}
}
.omeka-pagination {
@include breakpoint(medium) {
@include xy-cell();
}
}
.omeka-pagination,
.omeka-pagination form {
display: flex;
align-items: center;
}
.omeka-pagination .button-group {
flex-wrap: nowrap;
flex-grow: 0;
}
.sorting {
display: flex;
}
.sorting select {
width: 100%;
height: 100%;
margin-bottom: 0;
}
.sorting {
display: flex;
button,.button {
padding: 0 $global-padding*1.4;
font-size: $global-font-size * 0.85;
margin: 0 $global-margin;
}
select {
margin-bottom: 0;
}
}
// #. Resource Show
// ------------------
// #. Advanced search
// ------------------
// hide search form in results view on top of title
.sitewide-search-form {
display:none;
}
// #. Page
// ------------------
// -- Search
// -- Modules
.media-list {
@include breakpoint(small) {
display: flex;
flex-direction: column;
width: 100%;
.resource-link {
width: auto;
display:inline-block;
padding-right: $global-padding;
> * {
float: left;
clear: both;
}
}
.resource-name {
font-size: 0.8rem;
}
}
@include breakpoint(medium) {
flex-direction: row;
}
}
.blocks {
.pannemmul-wrap {
margin: $global-margin 0;
}
}