From 0f90fb0c1efed6e9899abf28e1b32231943c1eb6 Mon Sep 17 00:00:00 2001 From: jorge-hangar Date: Thu, 15 Jul 2021 17:21:21 +0200 Subject: [PATCH 1/2] main content width padding fix --- asset/scss/modules/_content.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/asset/scss/modules/_content.scss b/asset/scss/modules/_content.scss index 662264e..16c80cd 100644 --- a/asset/scss/modules/_content.scss +++ b/asset/scss/modules/_content.scss @@ -41,6 +41,10 @@ main { text-align: center; } } + section { + padding: $global-padding $global-padding*2; + //margin: $global-margin; + } .entry-content { @include breakpoint(small){ @include xy-cell(12); From 8ea4b85d9c5ecd81bc42a8aa74c0e12e4f6216a9 Mon Sep 17 00:00:00 2001 From: jorge-hangar Date: Thu, 15 Jul 2021 17:24:15 +0200 Subject: [PATCH 2/2] commented specificall _omeka styles interfearing with ach-hive.zone scss --- asset/scss/global/_omeka.scss | 1176 ++++++++++++++++----------------- 1 file changed, 588 insertions(+), 588 deletions(-) diff --git a/asset/scss/global/_omeka.scss b/asset/scss/global/_omeka.scss index 9b9ea41..82f11cd 100644 --- a/asset/scss/global/_omeka.scss +++ b/asset/scss/global/_omeka.scss @@ -13,276 +13,276 @@ [type="submit"], [type="button"] { - @extend .button; + // @extend .button; } .input-group .input-group, .input-group .button-group, .input-group select, .input-group [type="text"] { - margin-bottom: 0; + // margin-bottom: 0; } .field { - margin-bottom: 2 * $global-margin; + // margin-bottom: 2 * $global-margin; } select { - width: auto; - background: #fff url("../../../../application/asset/img/select-arrow.svg") no-repeat; - background-position: right 6px center; - background-size: 8px; - border: 1px solid $light-gray; - margin: 0; - padding: (.25 * $global-padding) $global-padding (.25 * $global-padding) (.25 * $global-padding) !important; - border-radius: 3px; - vertical-align: top; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + // width: auto; + // background: #fff url("../../../../application/asset/img/select-arrow.svg") no-repeat; + // background-position: right 6px center; + // background-size: 8px; + // border: 1px solid $light-gray; + // margin: 0; + // padding: (.25 * $global-padding) $global-padding (.25 * $global-padding) (.25 * $global-padding) !important; + // border-radius: 3px; + // vertical-align: top; + // -webkit-appearance: none; + // -moz-appearance: none; + // appearance: none; } [type="text"]:not(:only-child) { - width: auto; + // width: auto; } #content { - padding: (2 * $global-padding) $global-padding; - @include xy-grid-container; - - @include breakpoint(small down) { - padding: 0; - margin: $global-margin; - } + // padding: (2 * $global-padding) $global-padding; + // @include xy-grid-container; + // + // @include breakpoint(small down) { + // padding: 0; + // margin: $global-margin; + // } } body:not(.browse) #content { - @include xy-grid-container; - padding: (2 * $global-padding) 0; - - @include breakpoint(small down) { - padding: 0; - margin: $global-margin; - } + // @include xy-grid-container; + // padding: (2 * $global-padding) 0; + // + // @include breakpoint(small down) { + // padding: 0; + // margin: $global-margin; + // } } .break { - width: 100%; - margin: (2 * $global-margin) 0; - clear: both; + // width: 100%; + // margin: (2 * $global-margin) 0; + // clear: both; } .break.opaque { - border-top: 1px solid $light-gray; + // border-top: 1px solid $light-gray; } /* Styles for vertical menu layout */ body.vertical-menu { - @include breakpoint(medium up) { - background-color: $primary-color; - } + // @include breakpoint(medium up) { + // background-color: $primary-color; + // } } body.vertical-menu .off-canvas-content { - @include xy-grid(); + // @include xy-grid(); } body.vertical-menu #content { - width: 100%; + // width: 100%; - @include breakpoint(medium up) { - background-color: $white; - @include xy-cell(auto, $gutters: 0); - max-width: none; - min-height: 90vh; - margin: 0; - } + // @include breakpoint(medium up) { + // background-color: $white; + // @include xy-cell(auto, $gutters: 0); + // max-width: none; + // min-height: 90vh; + // margin: 0; + // } } body.vertical-menu #user-bar { - width: 100%; + // width: 100%; } body.vertical-menu #user-bar ~ #content { - @include breakpoint(medium up) { - min-height: calc(90vh - 38px); - } + // @include breakpoint(medium up) { + // min-height: calc(90vh - 38px); + // } } // #. Header // ------------------ #skipnav { - position: fixed; - top: $global-margin; - left: 50%; - border: 1px solid $light-gray; - transform: translateX(-50%); - z-index: -5; - padding: (.25 * $global-padding); - background-color: #fff; - opacity: 0; - - &:focus { - z-index: 1000; - opacity: 1; - } + // position: fixed; + // top: $global-margin; + // left: 50%; + // border: 1px solid $light-gray; + // transform: translateX(-50%); + // z-index: -5; + // padding: (.25 * $global-padding); + // background-color: #fff; + // opacity: 0; + // + // &:focus { + // z-index: 1000; + // opacity: 1; + // } } .top-bar form { - margin-bottom: 0; + // margin-bottom: 0; } .site-title img { - max-height: 2rem; - width: auto; + // max-height: 2rem; + // width: auto; } .site-title h1 { - @extend h4; + // @extend h4; } .site-title h1 { - margin-bottom: 0; + // margin-bottom: 0; } .site-title h1 { - @include breakpoint(small down) { - font-weight: bold; - } + // @include breakpoint(small down) { + // font-weight: bold; + // } } .site-title img { - margin: $global-margin 0; + // margin: $global-margin 0; } .dropdown.menu > li.is-dropdown-submenu-parent.active > a:after { - border-color: #fff transparent transparent; - margin-right: .5 * $global-margin; + // border-color: #fff transparent transparent; + // margin-right: .5 * $global-margin; } .dropdown.menu > li.is-dropdown-submenu-parent.active > a { - padding-right: 2 * $global-padding; + // padding-right: 2 * $global-padding; } .dropdown.menu > li.is-dropdown-submenu-parent.active:hover > a { - background-color: $primary-color; - color: #fff; + // background-color: $primary-color; + // color: #fff; } .top-bar-right .search { - margin-left: $global-margin; + // margin-left: $global-margin; } #offCanvas .search { - margin: $global-margin; + // margin: $global-margin; } header .top-bar-right, header .top-bar-left { - display: flex; - align-items: center; + // display: flex; + // align-items: center; } .menu a.dropdown-toggle { - display: flex; - justify-content: space-between; + // display: flex; + // justify-content: space-between; } .vertical-menu .dropdown-toggle { - width: 100%; + // width: 100%; } .submenu-toggle:after { - border-color: #fff transparent transparent; + // border-color: #fff transparent transparent; } header .top-bar { - @include breakpoint(small down) { - padding: 0; - } + // @include breakpoint(small down) { + // padding: 0; + // } } .title-bar { - display: inline-block; - background-color: transparent; - padding: 0; - - button { - margin: 0 $global-margin 0 0; - background-color: transparent; - color: $dark-gray; - } + // display: inline-block; + // background-color: transparent; + // padding: 0; + // + // button { + // margin: 0 $global-margin 0 0; + // background-color: transparent; + // color: $dark-gray; + // } } body.vertical-menu header { - background-color: $primary-color; - width: 100%; - - @include breakpoint(large up) { - padding: $global-padding; - @include xy-cell(2, $gutters: 0); - } - - a { - color: $white; - } - - .title-bar { - display: flex; - } - - .title-bar button { - color: $white; - } - - .site-title h1 { - font-size: 1.125 * $global-font-size; - font-weight: bold; - } - - .site-title img { - max-height: none; - max-width: 100%; - } - - .vertical.menu { - margin: $global-margin 0; - } - - .vertical.menu li { - margin: 0; - } - - .vertical.menu li a { - padding-left: 0; - padding-right: 0; - } - - .dropdown .vertical.menu { - margin: 0 0 0 $global-margin; - } + // background-color: $primary-color; + // width: 100%; + // + // @include breakpoint(large up) { + // padding: $global-padding; + // @include xy-cell(2, $gutters: 0); + // } + // + // a { + // color: $white; + // } + // + // .title-bar { + // display: flex; + // } + // + // .title-bar button { + // color: $white; + // } + // + // .site-title h1 { + // font-size: 1.125 * $global-font-size; + // font-weight: bold; + // } + // + // .site-title img { + // max-height: none; + // max-width: 100%; + // } + // + // .vertical.menu { + // margin: $global-margin 0; + // } + // + // .vertical.menu li { + // margin: 0; + // } + // + // .vertical.menu li a { + // padding-left: 0; + // padding-right: 0; + // } + // + // .dropdown .vertical.menu { + // margin: 0 0 0 $global-margin; + // } } body.vertical-menu .vertical.menu.nested .active > a { - position: relative; - - &:before { - content: ""; - position: absolute; - top: 0; - left: -1 * $global-padding; - width: $global-padding; - bottom: 0; - background-color: $primary-color; - } + // position: relative; + // + // &:before { + // content: ""; + // position: absolute; + // top: 0; + // left: -1 * $global-padding; + // width: $global-padding; + // bottom: 0; + // background-color: $primary-color; + // } } body.vertical-menu header .desktop { - @include breakpoint(medium down) { - display: none; - } + // @include breakpoint(medium down) { + // display: none; + // } } @@ -315,720 +315,720 @@ body.vertical-menu header .desktop { // ------------------ .resource.browse #content > h2:first-child { - @include breakpoint(small down) { - display: inline-block; - margin-top: (.25 * $global-margin); - } + // @include breakpoint(small down) { + // display: inline-block; + // margin-top: (.25 * $global-margin); + // } } .browse-control-mobile { - display: none; - - @include breakpoint(small down) { - display: inline-block; - float: right; - } + // display: none; + // + // @include breakpoint(small down) { + // display: inline-block; + // float: right; + // } } .browse-toggle { - font-size: .875 * $global-font-size; - padding: (.5 * $global-padding); - - &:after { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - margin-left: (.5 * $global-margin); - } - - &.closed:after { - content: "\f055"; - } - - &.open:after { - content: "\f056"; - } + // font-size: .875 * $global-font-size; + // padding: (.5 * $global-padding); + // + // &:after { + // font-family: "Font Awesome 5 Free"; + // font-weight: 900; + // margin-left: (.5 * $global-margin); + // } + // + // &.closed:after { + // content: "\f055"; + // } + // + // &.open:after { + // content: "\f056"; + // } } .resources, .browse-controls { - clear: both; + // clear: both; } .browse-controls { - @include xy-grid; - justify-content: space-between; - align-items: center; - margin: 0 (-.5 * $global-margin); - font-size: .875 * $global-font-size; - - input, - select, - button, - .button { - font-size: .875 * $global-font-size; - padding: (.5 * $global-padding); - } - - .sorting select { - margin-right: .5 * $global-margin; - } - - @include breakpoint(small down) { - margin: 0; - display: none; - - &.open { - display: flex; - align-items: stretch; - } - - &.closed { - display: none; - } - - .sorting, - .omeka-pagination, - .advanced-search { - margin-bottom: $global-margin; - } - - .advanced-search { - order: 3; - } - } + // @include xy-grid; + // justify-content: space-between; + // align-items: center; + // margin: 0 (-.5 * $global-margin); + // font-size: .875 * $global-font-size; + // + // input, + // select, + // button, + // .button { + // font-size: .875 * $global-font-size; + // padding: (.5 * $global-padding); + // } + // + // .sorting select { + // margin-right: .5 * $global-margin; + // } + // + // @include breakpoint(small down) { + // margin: 0; + // display: none; + // + // &.open { + // display: flex; + // align-items: stretch; + // } + // + // &.closed { + // display: none; + // } + // + // .sorting, + // .omeka-pagination, + // .advanced-search { + // margin-bottom: $global-margin; + // } + // + // .advanced-search { + // order: 3; + // } + // } } .filter { - display: flex; - margin-bottom: $global-margin; + // display: flex; + // margin-bottom: $global-margin; } .filter-label { - @extend .label; + // @extend .label; } .filter-value { - @extend .label; + // @extend .label; } .filter-value { - background: $light-gray; - color: #000; + // background: $light-gray; + // color: #000; } .resource-list, .resource-grid { - list-style-type: none; - margin: (2 * $global-margin) 0; - - @include breakpoint(small down) { - margin: 0; - } + // list-style-type: none; + // margin: (2 * $global-margin) 0; + // + // @include breakpoint(small down) { + // margin: 0; + // } } .resource-list { - border-top: 1px solid $light-gray; + // border-top: 1px solid $light-gray; } .resource-list .resource { - margin: $global-margin 0; - border-bottom: 1px solid $light-gray; - padding-bottom: $global-padding; + // margin: $global-margin 0; + // border-bottom: 1px solid $light-gray; + // padding-bottom: $global-padding; } .resource-list .resource-meta { - @include xy-cell(12); + // @include xy-cell(12); } .resource-list .media-object-section:last-child:not(:nth-child(2)) { - padding-left:0; + // padding-left:0; } .resource-list .resource-image { - order: 2; - text-align: center; - width: 25%; + // order: 2; + // text-align: center; + // width: 25%; - @include breakpoint(medium down) { - margin: 0; - width: 50%; - } + // @include breakpoint(medium down) { + // margin: 0; + // width: 50%; + // } } .resource-list .resource-image.media-object-section img { - max-width: 100%; + // max-width: 100%; } .resource-list .resource-meta:not(:only-child) { - @include xy-cell(9); - order: 1; - - @include breakpoint(small down) { - width: 50%; - } + // @include xy-cell(9); + // order: 1; + // + // @include breakpoint(small down) { + // width: 50%; + // } } .resource-grid { - display: flex; - flex-wrap: wrap; - margin: 0 (-1 * $global-margin); + // display: flex; + // flex-wrap: wrap; + // margin: 0 (-1 * $global-margin); } .resource-grid .resource { - width: 25%; - padding: $global-padding; - - @include breakpoint(medium down) { - width: 50%; - } + // width: 25%; + // padding: $global-padding; + // + // @include breakpoint(medium down) { + // width: 50%; + // } } .description.ellipsis { - display: -webkit-box; - -webkit-line-clamp: 4; - -webkit-box-orient: vertical; - overflow: hidden; + // display: -webkit-box; + // -webkit-line-clamp: 4; + // -webkit-box-orient: vertical; + // overflow: hidden; } .description.fadeout { - position: relative; - max-height: 6.5rem; - overflow: hidden; - - &:after { - content: ""; - position: absolute; - top: 4.5rem; - left: 50%; - right: 0; - height: 2.5 * $global-padding; - background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%); - } + // position: relative; + // max-height: 6.5rem; + // overflow: hidden; + // + // &:after { + // content: ""; + // position: absolute; + // top: 4.5rem; + // left: 50%; + // right: 0; + // height: 2.5 * $global-padding; + // background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%); + // } } .omeka-pagination { - @include breakpoint(medium) { - @include xy-cell(4); - } + // @include breakpoint(medium) { + // @include xy-cell(4); + // } } .omeka-pagination, .omeka-pagination form { - display: flex; - align-items: center; + // display: flex; + // align-items: center; } .omeka-pagination .button-group { - flex-wrap: nowrap; - flex-grow: 0; + // flex-wrap: nowrap; + // flex-grow: 0; } .omeka-pagination form, .omeka-pagination .button-group { - margin-right: $global-margin; + // margin-right: $global-margin; } .omeka-pagination input { - margin: 0 $global-margin 0 0; + // margin: 0 $global-margin 0 0; } .omeka-pagination .button, .omeka-pagination .button-group { - margin-bottom: 0; + // margin-bottom: 0; } .sorting { - display: flex; + // display: flex; } .sorting select { - width: 100%; - height: 100%; - margin-bottom: 0; + // width: 100%; + // height: 100%; + // margin-bottom: 0; } .sorting button { - margin-bottom: 0; + // margin-bottom: 0; } .layout-toggle button { - margin-bottom: 0; + // margin-bottom: 0; } .o-icon-grid:before { - font-family: "Font Awesome 5 Free"; - content: "\f009"; + // font-family: "Font Awesome 5 Free"; + // content: "\f009"; } .o-icon-list:before { - font-family: "Font Awesome 5 Free"; - content: "\f03a"; + // font-family: "Font Awesome 5 Free"; + // content: "\f03a"; } // #. Resource Show // ------------------ .resource-title { - display: flex; - flex-wrap: wrap; - align-items: center; - word-break: break-word; - - h2 { - margin-right: $global-margin; - } + // display: flex; + // flex-wrap: wrap; + // align-items: center; + // word-break: break-word; + // + // h2 { + // margin-right: $global-margin; + // } } .resource.show .grid-x { - padding: (2 * $global-padding) 0; + // padding: (2 * $global-padding) 0; } .resource.show #resource-values { - order: 1; - @include xy-cell(8); - margin-left: 0; - - @include breakpoint(medium down) { - width: 100%; - margin-right: 0; - } + // order: 1; + // @include xy-cell(8); + // margin-left: 0; + // + // @include breakpoint(medium down) { + // width: 100%; + // margin-right: 0; + // } } .resource.show .media-embeds, .resource.show .media-list { - order: 2; - @include xy-cell(4); - margin-right: 0; - - @include breakpoint(medium down) { - width: 100%; - margin-left: 0; - } + // order: 2; + // @include xy-cell(4); + // margin-right: 0; + // + // @include breakpoint(medium down) { + // width: 100%; + // margin-left: 0; + // } } .resource.show .media-render > a:only-child { - @include thumbnail; - margin-bottom: $global-margin; + // @include thumbnail; + // margin-bottom: $global-margin; } .resource.show .media-render > * { - max-width: 100%; + // max-width: 100%; } .resource.show .values .resource-link img, #linked-resources img { - @include thumbnail; - height: ($paragraph-lineheight * 2rem); - width: auto; - margin: 0 $global-margin 0 0; + // @include thumbnail; + // height: ($paragraph-lineheight * 2rem); + // width: auto; + // margin: 0 $global-margin 0 0; } .resource.show .resource-link { - margin-bottom: $global-margin; - display: flex; - align-items: center; + // margin-bottom: $global-margin; + // display: flex; + // align-items: center; } .resource.show #linked-resources .resource-link { - margin-bottom: 0; + // margin-bottom: 0; } .media-list img { - @extend .thumbnail; + // @extend .thumbnail; } .media-list img { - margin: 0 $global-margin 0 0; - height: 5 * $global-padding; - width: auto; + // margin: 0 $global-margin 0 0; + // height: 5 * $global-padding; + // width: auto; } .inline .property { - display: flex; + // display: flex; dt { - @include xy-cell(4); - text-align: right; + // @include xy-cell(4); + // text-align: right; } .values { - @include xy-cell(8); + // @include xy-cell(8); } } .value .language { - @include label; - background-color: $light-gray; + // @include label; + // background-color: $light-gray; } // #. Advanced search // ------------------ #advanced-search .input-group { - @include breakpoint(small down) { - flex-wrap: wrap; - } + // @include breakpoint(small down) { + // flex-wrap: wrap; + // } } #advanced-search select { - @include breakpoint(small down) { - width: 100%; - margin-bottom: 0; - } + // @include breakpoint(small down) { + // width: 100%; + // margin-bottom: 0; + // } } #advanced-search .input-group.value { - margin-bottom: $global-margin !important; + // margin-bottom: $global-margin !important; } #advanced-search .multi-value .value:only-child .remove-value { - display: none; + // display: none; } #advanced-search .value { - margin-bottom: $global-margin !important; + // margin-bottom: $global-margin !important; } #advanced-search .query-text { - margin-right: .25 * $global-margin; + // margin-right: .25 * $global-margin; } #advanced-search [class="field"] { - @extend .fieldset; + // @extend .fieldset; } #advanced-search .help-text { - margin-bottom: $global-margin; + // margin-bottom: $global-margin; } #advanced-search .remove-value { - padding-top: 0; - padding-bottom: 0; - - @include breakpoint(small down) { - margin-bottom: 0; - } + // padding-top: 0; + // padding-bottom: 0; + // + // @include breakpoint(small down) { + // margin-bottom: 0; + // } } #advanced-search .value > * { - margin-bottom: 0; + // margin-bottom: 0; } #advanced-search .value > *:not(:last-child) { - margin-right: 5px; - margin-left: 0; + // margin-right: 5px; + // margin-left: 0; } .field-meta { - @extend legend; + // @extend legend; } #property-queries select { - @include breakpoint(small down) { - margin-bottom: (.5 * $global-margin); - } + // @include breakpoint(small down) { + // margin-bottom: (.5 * $global-margin); + // } } // #. Page // ------------------ .breadcrumbs { - width: 100%; + // width: 100%; } .page #content { - @include xy-grid; + // @include xy-grid; } .blocks { - @include xy-cell(12); + // @include xy-cell(12); } .blocks > h2:first-child { - margin-bottom: (2 * $global-margin); + // margin-bottom: (2 * $global-margin); } .wide.sub-menu { - @include xy-cell(3); - - @include breakpoint(small down) { - @include xy-cell(12); - margin-bottom: $global-margin; - } + // @include xy-cell(3); + // + // @include breakpoint(small down) { + // @include xy-cell(12); + // margin-bottom: $global-margin; + // } } .wide.sub-menu a { - @include breakpoint(small down) { - padding-left: 0; - padding-right: 0; - } + // @include breakpoint(small down) { + // padding-left: 0; + // padding-right: 0; + // } } .wide.sub-menu + .blocks { - @include xy-cell(9); - - @include breakpoint(small down) { - @include xy-cell(12); - } + // @include xy-cell(9); + // + // @include breakpoint(small down) { + // @include xy-cell(12); + // } } .left { - float: left; - margin: 0 $global-margin $global-margin 0; - max-width: 40%; - - @include breakpoint(small down) { - max-width: 25%; - } + // float: left; + // margin: 0 $global-margin $global-margin 0; + // max-width: 40%; + // + // @include breakpoint(small down) { + // max-width: 25%; + // } } .right { - float: right; - margin: 0 0 $global-margin $global-margin; - max-width: 40%; - - @include breakpoint(small down) { - max-width: 25%; - } + // float: right; + // margin: 0 0 $global-margin $global-margin; + // max-width: 40%; + // + // @include breakpoint(small down) { + // max-width: 25%; + // } } .file img { - max-width: 100%; - height: auto; + // max-width: 100%; + // height: auto; } .attachments .media-render > h3, .file h3, .item-showcase h3 { - font-size: rem-calc(map-deep-get($header-styles, small, h4, font-size)); - margin: $global-margin 0; + // font-size: rem-calc(map-deep-get($header-styles, small, h4, font-size)); + // margin: $global-margin 0; } .item-showcase { - text-align: center; + // text-align: center; } .site-page-pagination { - @include xy-cell; + // @include xy-cell; } .site-page-pagination > a { - @extend .button; + // @extend .button; } .site-page-pagination > a { - margin: 0; + // margin: 0; } .item-with-metadata .resource.show { - display: flex; - margin: (2 * $global-margin) 0; - - .media-list { - order: 1; - @include xy-cell(3); - text-align: right; - - .media { - width: 100%; - display: block; - } - - img { - height: auto; - } - } - - dl:not(:only-child) { - order: 2; - @include xy-cell(9); - } + // display: flex; + // margin: (2 * $global-margin) 0; + // + // .media-list { + // order: 1; + // @include xy-cell(3); + // text-align: right; + // + // .media { + // width: 100%; + // display: block; + // } + // + // img { + // height: auto; + // } + // } + // + // dl:not(:only-child) { + // order: 2; + // @include xy-cell(9); + // } } .toc-block { - background-color: $light-gray; - border-width: 1px 0; - padding: $global-padding; - - @include breakpoint(small down) { - width: 100%; - margin: 0 0 $global-margin; - position: static; - float: none; - } - - &:first-child { - position: sticky; - @include xy-cell(3); - float: left; - top: $global-margin; - - & ~ * { - @include xy-cell(9); - float: right; - - @include breakpoint(small down) { - width: 100%; - margin-left: 0; - margin-right: 0; - } - } - } - - & > ul, - ul ul { - @extend .menu; - @extend .vertical; - } - - ul { - list-style: none; - } - - ul ul { - @extend .nested; - } + // background-color: $light-gray; + // border-width: 1px 0; + // padding: $global-padding; + // + // @include breakpoint(small down) { + // width: 100%; + // margin: 0 0 $global-margin; + // position: static; + // float: none; + // } + // + // &:first-child { + // position: sticky; + // @include xy-cell(3); + // float: left; + // top: $global-margin; + // + // & ~ * { + // @include xy-cell(9); + // float: right; + // + // @include breakpoint(small down) { + // width: 100%; + // margin-left: 0; + // margin-right: 0; + // } + // } + // } + // + // & > ul, + // ul ul { + // @extend .menu; + // @extend .vertical; + // } + // + // ul { + // list-style: none; + // } + // + // ul ul { + // @extend .nested; + // } } .preview-block .preview-header { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - border-bottom: 1px solid $light-gray; - align-items: flex-end; - - a { - margin-bottom: (.5 * $global-margin); - } + // display: flex; + // justify-content: space-between; + // flex-wrap: wrap; + // border-bottom: 1px solid $light-gray; + // align-items: flex-end; + // + // a { + // margin-bottom: (.5 * $global-margin); + // } } .preview-block h4 { - @extend h5; + // @extend h5; } // -- Search .results { - margin-bottom: 2 * $global-margin; - clear: both; + // margin-bottom: 2 * $global-margin; + // clear: both; } .results ul { - list-style: none; - padding-left: 0; - - @include breakpoint(medium up) { - display: flex; - flex-wrap: wrap; - } + // list-style: none; + // padding-left: 0; + // + // @include breakpoint(medium up) { + // display: flex; + // flex-wrap: wrap; + // } } .results .result-title { - font-weight: bold; + // font-weight: bold; } .results > ul { - margin: 0; + // margin: 0; } .results .result-site, .results ul ul { - display: block; - padding-left: .5 * $global-padding; + // display: block; + // padding-left: .5 * $global-padding; } .results > ul > li { - margin-bottom: $global-padding; - - @include breakpoint(medium up) { - width: 50%; - } + // margin-bottom: $global-padding; + // + // @include breakpoint(medium up) { + // width: 50%; + // } } .pagination + .results { - margin: $global-margin 0 0; - clear: both; + // margin: $global-margin 0 0; + // clear: both; } .sitewide-search-form { - display: flex; - margin-bottom: $global-margin; - - @include breakpoint(medium up) { - display: none; - } - - [type="text"], - [type="submit"] { - margin: 0; - padding: (.25 * $global-padding) (.5 * $global-padding); - } + // display: flex; + // margin-bottom: $global-margin; + // + // @include breakpoint(medium up) { + // display: none; + // } + // + // [type="text"], + // [type="submit"] { + // margin: 0; + // padding: (.25 * $global-padding) (.5 * $global-padding); + // } } .sitewide-search-form ~ .results + .pagination { - margin-top: 0; + // margin-top: 0; } .sitewide-search-form ~ .advanced-search { - display: block; - - @include breakpoint(small down) { - margin: (-.5 * $global-margin) 0 $global-margin; - } + // display: block; + // + // @include breakpoint(small down) { + // margin: (-.5 * $global-margin) 0 $global-margin; + // } } .sitewide-search-form ~ h2 { - margin-bottom: 2 * $global-margin; - - @include breakpoint(medium up) { - width: 50%; - float: left; - } + // margin-bottom: 2 * $global-margin; + // + // @include breakpoint(medium up) { + // width: 50%; + // float: left; + // } } .results > h3 { - border-bottom: 1px solid $light-gray; + // border-bottom: 1px solid $light-gray; } .sitewide-search-form ~ .omeka-pagination { - margin: (-1 * $global-margin) 0 $global-margin; - - @include breakpoint(medium up) { - margin: (.5 * $global-margin) 0 $global-margin; - text-align: right; - width: 50%; - float: right; - } + // margin: (-1 * $global-margin) 0 $global-margin; + // + // @include breakpoint(medium up) { + // margin: (.5 * $global-margin) 0 $global-margin; + // text-align: right; + // width: 50%; + // float: right; + // } } .sitewide-search-form ~ p { - clear: both; + // clear: both; } .index.search .results { - margin-bottom: 2 * $global-margin; + // margin-bottom: 2 * $global-margin; } .index.search .results ul { - list-style: none; - padding-left: 0; - margin-left: 0; - margin-bottom: 0; - - @include breakpoint(medium up) { - columns: 2; - } - - li { - padding: $global-padding 0; - border-bottom: 1px solid $light-gray; - } - - & + a { - display: block; - margin-top: $global-margin; - } + // list-style: none; + // padding-left: 0; + // margin-left: 0; + // margin-bottom: 0; + // + // @include breakpoint(medium up) { + // columns: 2; + // } + // + // li { + // padding: $global-padding 0; + // border-bottom: 1px solid $light-gray; + // } + // + // & + a { + // display: block; + // margin-top: $global-margin; + // } } @@ -1038,48 +1038,48 @@ body.vertical-menu header .desktop { [class*="numeric-"], [id^="numeric-"] .inputs, [id*="numeric-"] .inputs { - display: flex; - - @include breakpoint(small down) { - flex-wrap: wrap; - } + // display: flex; + // + // @include breakpoint(small down) { + // flex-wrap: wrap; + // } } [class^="numeric-"] [type="checkbox"], [class*="numeric-"] [type="checkbox"] { - margin-bottom: 0; - width: auto; + // margin-bottom: 0; + // width: auto; } [class^="numeric-"] label.numeric-toggle-time.button, [class*="numeric-"] label.numeric-toggle-time.button { - @extend .button; + // @extend .button; } .inputs label.numeric-toggle-time.button { - border: 0; - display: inline-flex; - - @include breakpoint(small down) { - margin: (.25 * $global-margin) 0 0; - } + // border: 0; + // display: inline-flex; + // + // @include breakpoint(small down) { + // margin: (.25 * $global-margin) 0 0; + // } } @include breakpoint(medium up) { - .inputs .numeric-time-inputs, - .inputs .numeric-datetime-inputs { - margin: 0 0 0 (.25 * $global-margin); - } + // .inputs .numeric-time-inputs, + // .inputs .numeric-datetime-inputs { + // margin: 0 0 0 (.25 * $global-margin); + // } } @include breakpoint(small down) { - #advanced-search [type="number"], - #advanced-search select { - width: 100%; - margin: (.25 * $global-margin) 0; - } + // #advanced-search [type="number"], + // #advanced-search select { + // width: 100%; + // margin: (.25 * $global-margin) 0; + // } } .mapping-block { - width: 100%; + // width: 100%; }