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

203 lines
3.2 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
// ------------------
// -- submenus
.omekas-entry-content {
.sub-menu.wide {
//padding like .hero.collection-single aside nav
position: absolute;
left: 0;
width: 100vw;
@include breakpoint(small) {
padding-left: 0;
padding-right: 0;
}
@include breakpoint(medium) {
padding-left: $global-padding * 3;
padding-right: $global-padding * 3;
}
@include breakpoint(xxlarge) {
padding-left: $global-padding * 8;
padding-right: $global-padding * 8;
}
a {
&:hover {
text-decoration: underline;
}
}
.sticky {
&.is-stuck {
background-color: scale-color($white, $alpha: 90%);
}
&.is-at-top {
margin-top: 0 !important;
}
}
}
}
// -- 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;
}
}