Compare commits
175 Commits
fix/item-p
...
main
Author | SHA1 | Date |
---|---|---|
jorge | d90e95fe23 | |
jorge | 142f99d610 | |
jorge | ceeb0fd7d1 | |
jorge | 839f7f0b9d | |
jorge | 01ae9a2a81 | |
jorge | 4f9887efb1 | |
jorge | e58647ee86 | |
jorge | 9cc1feb76f | |
jorge | 7e24eff9b2 | |
buttle | cca089d368 | |
buttle | 4def89678e | |
buttle | c986e12de6 | |
chris | 3b526e98a7 | |
jorge | 69401646a6 | |
jorge | 358e6ffaaf | |
buttle | 24afe3a03a | |
jorge | 1ee3b85901 | |
jorge | b43e71754f | |
jorge | 04f43f81a2 | |
buttle | 1ecb8d403b | |
buttle | 967750ff2b | |
buttle | 084e3b1f8a | |
jorge | ff4ce4c91b | |
buttle | 9d042ea0ee | |
buttle | 92f25811e8 | |
jorge | 59ac584be3 | |
jorge | 5f4867d3f1 | |
jorge | db24442b96 | |
jorge | 5e3148165e | |
jorge | f0f6e24f6a | |
jorge | 09b0de783f | |
jorge | 0f89feacba | |
jorge | a93513ff0c | |
jorge | 3e25aaf87e | |
jorge | 9878abd21d | |
jorge | 40c7c26cb7 | |
jorge | 1575eb4123 | |
jorge | 122af63d49 | |
jorge | 8c6cfec4e3 | |
jorge | 5079afcdfa | |
jorge | 589f68e954 | |
jorge | cf4b1bab52 | |
jorge | d60de419c4 | |
jorge | 263d1a144d | |
chris | bde71ecdbf | |
jorge | 64ab42be95 | |
jorge | a5765b4a97 | |
buttle | 3b1f83d4c7 | |
buttle | 3f9aaa69a5 | |
chris | 90eb660a15 | |
buttle | d89708381d | |
buttle | 591bca7f2b | |
buttle | 5b2d677d17 | |
buttle | 9d3976c1cb | |
buttle | f9d2d65931 | |
buttle | 27ed8e6db5 | |
buttle | f79b7af69c | |
buttle | 3657873be7 | |
buttle | c48a6d5709 | |
buttle | 3f42b2f218 | |
jorge | 41eb169bfb | |
jorge | e0f66c0354 | |
jorge | 89a8e0f283 | |
jorge | 0789c1d099 | |
jorge | 7b7b4ed205 | |
jorge | b62eb95edc | |
jorge | c3034c2eb4 | |
jorge | 4aef2d6def | |
jorge | 72a07b8171 | |
jorge | e496fbd184 | |
jorge | 90569410e0 | |
jorge | 7ab2aaeec5 | |
jorge | 1eeac2565d | |
jorge | 1becffc86d | |
jorge | 653702bca2 | |
jorge | 7feb22d1d3 | |
jorge | 4bd15a3b05 | |
jorge | 47107fafd0 | |
jorge | 025542eab0 | |
jorge | 4f470ec681 | |
jorge | a16a30f70c | |
jorge | 0ffc4250a0 | |
jorge | 88ca56c0d2 | |
jorge | ac973671ec | |
jorge | 02039acb15 | |
jorge | 5293569f60 | |
jorge | ad3a744b31 | |
jorge | 5ec326083f | |
jorge | aebea97210 | |
jorge | fa86141155 | |
jorge | 3fc1bdc0b1 | |
jorge | 4796678569 | |
jorge | 92b5522f18 | |
jorge | 91b6b5cac4 | |
jorge | 75cbc81733 | |
jorge | 45a027d465 | |
jorge | 39756d3934 | |
chris | 8e7ddb6bf5 | |
buttle | deaf58f350 | |
jorge | 3598879c41 | |
buttle | 84a54b6f61 | |
jorge | 1e4610167b | |
jorge | 488cc5cf79 | |
jorge | 528254875d | |
jorge | 2fbe867757 | |
jorge | 72a1d805bb | |
chris | eb0f7c6c7e | |
buttle | 4ccf994595 | |
buttle | e7bc273c02 | |
jorge | c102696a8d | |
buttle | 987215a2d9 | |
buttle | 18e6f3392d | |
buttle | adafaf38b9 | |
buttle | 60eac3e67a | |
buttle | e951669cff | |
buttle | 6af87367eb | |
jorge | efa9584e9c | |
jorge | 0ec94a15e1 | |
jorge | acfb3316a0 | |
jorge | 4cfabe9ad5 | |
jorge | 36e1c59a9d | |
jorge | d2d0b5d39a | |
jorge | eca85816d4 | |
jorge | 7c80fdd310 | |
jorge | a9d31e2942 | |
jorge | 258ca2dca6 | |
jorge | 702147d77f | |
jorge | 52edb5dc9f | |
jorge | 945e2ed094 | |
jorge | cd6d3f5c2c | |
jorge | 8e19f65408 | |
jorge | ecf7edc65f | |
jorge | 8796ae11a8 | |
buttle | d284002ae4 | |
chris | a735970d9b | |
buttle | 8b052f95ee | |
buttle | d6d9260c0e | |
buttle | dafe41912d | |
buttle | c56464e086 | |
jorge | 8e1c27de2d | |
buttle | d7aa820113 | |
buttle | 931e674e11 | |
jorge | ac591b0476 | |
jorge | 8d0b6cceb1 | |
jorge | 852f119de0 | |
jorge | c504a78e2c | |
jorge | 6e055dd4bb | |
jorge | 3223051b69 | |
jorge | 54e3ee7771 | |
chris | a9ea9cfce2 | |
jorge | 0cdd3ba1cb | |
jorge | 39855d1bb7 | |
jorge | c850da3421 | |
jorge | df6c4bcd34 | |
jorge | 0e46b528db | |
jorge | 53cf7f08e5 | |
jorge | 94f496b213 | |
jorge | aef6eba175 | |
jorge | 1df64ad110 | |
jorge | 1df83b1df5 | |
jorge | 6e9cc61485 | |
jorge | 7765a39ae0 | |
jorge | b3b4e57249 | |
jorge | bff2eab376 | |
jorge | 31c7edfe7b | |
jorge | 2a56062fd3 | |
jorge | 3b08513cfd | |
jorge | 4cf64b4fec | |
jorge | bb13d9b927 | |
jorge | 86f7d9d162 | |
jorge | 8475bc2a9a | |
jorge | 97f6ce8c95 | |
jorge | 516fef1843 | |
jorge | dbc027b055 | |
jorge | 92cede002c |
|
@ -3,3 +3,5 @@ bower_components
|
|||
node_modules
|
||||
npm-debug.log
|
||||
_
|
||||
index*
|
||||
index*.html
|
||||
|
|
|
@ -33,6 +33,15 @@ chown -R www-data:www-data ./
|
|||
|
||||
## Arc-hive theme notes
|
||||
|
||||
### Configure
|
||||
|
||||
The main menu can be retrieved from a wordpress site and rendered. To configure this, edit `view/common/wordpress-menu.phtml`. Optional.
|
||||
|
||||
```
|
||||
# Config
|
||||
$wordpress_site="https://my.wordpress.site";
|
||||
$wordpress_endpoint="https://my.wordpress.site/wp-json/menus/v1/menus/4";
|
||||
```
|
||||
|
||||
For more advanced use, such as customizing the theme with Sass, you'll need to install the tools with [NodeJS](https://nodejs.org/en/) (0.12 or greater). Navigate to your theme directory and run `npm install`.
|
||||
|
||||
|
|
|
@ -1,26 +0,0 @@
|
|||
|
||||
|
||||
/* .archive-logo {
|
||||
width: 80px;
|
||||
}
|
||||
.archive-page-title {
|
||||
text-align: center;
|
||||
}
|
||||
._expand_site_item {
|
||||
cursor: pointer;
|
||||
}
|
||||
._expand_site_item:hover {
|
||||
background: #3374C2;
|
||||
}
|
||||
.end_of_page_button {
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
font-size: 2em;
|
||||
margin-top: 2em;
|
||||
border: double;
|
||||
}
|
||||
.go_to_site_button {
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
border: double;
|
||||
} */
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
After Width: | Height: | Size: 897 KiB |
Binary file not shown.
After Width: | Height: | Size: 288 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,8 +1,18 @@
|
|||
(function($) {
|
||||
$(document).ready(function() {
|
||||
$('._expand_site_item').click(function() {
|
||||
$(this).next('tr').toggle();
|
||||
return false;
|
||||
});
|
||||
});
|
||||
})(jQuery)
|
||||
|
||||
$(function(){
|
||||
$("#site-list").on( "click", ".accordion-title", function() {
|
||||
var title = this
|
||||
var content = $(this).closest('.accordion-item')
|
||||
.find('.accordion-content')
|
||||
if ($(content).is(':visible')) {
|
||||
$(content).slideUp('fast')
|
||||
$(this).closest('.accordion-item').removeClass('is-active')
|
||||
$(title).attr('aria-expanded', false)
|
||||
} else {
|
||||
$(content).slideDown('fast')
|
||||
$(this).closest('.accordion-item').addClass('is-active')
|
||||
$(title).attr('aria-expanded', true)
|
||||
}
|
||||
return false;
|
||||
});
|
||||
})
|
||||
|
|
|
@ -250,14 +250,14 @@ $input-error-font-weight: $global-weight-bold;
|
|||
// ------------
|
||||
|
||||
$accordion-background: $white;
|
||||
$accordion-plusminus: true;
|
||||
$accordion-plusminus: false;
|
||||
$accordion-plus-content: '\002B';
|
||||
$accordion-minus-content: '\2013';
|
||||
$accordion-title-font-size: $global-font-size;//rem-calc(12);
|
||||
$accordion-item-color: $body-font-color;
|
||||
$accordion-item-background-hover: none;
|
||||
$accordion-item-padding: $global-padding*1.5 0;
|
||||
$accordion-content-background: $white;
|
||||
$accordion-content-background: transparent;
|
||||
$accordion-content-border: none;
|
||||
$accordion-content-color: $body-font-color;
|
||||
$accordion-content-padding: $global-padding*1.5 0;
|
||||
|
@ -425,16 +425,16 @@ $dropdown-sizes: (
|
|||
// -----------------
|
||||
|
||||
$dropdownmenu-arrows: true;
|
||||
$dropdownmenu-arrow-color: $anchor-color;
|
||||
$dropdownmenu-arrow-color: $body-font-color;//$anchor-color;
|
||||
$dropdownmenu-arrow-size: 6px;
|
||||
$dropdownmenu-arrow-padding: 1.5rem;
|
||||
$dropdownmenu-min-width: 200px;
|
||||
$dropdownmenu-min-width: 100%;//200px;
|
||||
$dropdownmenu-background: null;
|
||||
$dropdownmenu-submenu-background: $white;
|
||||
$dropdownmenu-submenu-background: $dropdown-background;
|
||||
$dropdownmenu-padding: $global-menu-padding;
|
||||
$dropdownmenu-nested-margin: 0;
|
||||
$dropdownmenu-submenu-padding: $dropdownmenu-padding;
|
||||
$dropdownmenu-border: 1px solid $medium-gray;
|
||||
$dropdownmenu-border: none; //1px solid $medium-gray;
|
||||
$dropdown-menu-item-color-active: get-color(primary);
|
||||
$dropdown-menu-item-background-active: transparent;
|
||||
|
||||
|
@ -521,6 +521,7 @@ $menu-centered-back-compat: true;
|
|||
$menu-icons-back-compat: true;
|
||||
$menu-anchor-color: $black;
|
||||
$menu-anchor-color-hover: $anchor-color;
|
||||
|
||||
// 24. Meter
|
||||
// ---------
|
||||
|
||||
|
|
|
@ -24,8 +24,8 @@
|
|||
@include xy-grid;
|
||||
}
|
||||
li {
|
||||
display:inline;
|
||||
@include xy-cell(3);
|
||||
display:inline;
|
||||
text-align:left;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
button {
|
||||
@extend .button;
|
||||
}
|
||||
button,.button {
|
||||
&.small{
|
||||
padding: $global-padding*0.5 $global-padding*1.5;
|
||||
|
@ -58,3 +61,22 @@ button,.button {
|
|||
border: none;
|
||||
}
|
||||
}
|
||||
.load_more {
|
||||
button,.button {
|
||||
font-size: $global-font-size;
|
||||
}
|
||||
}
|
||||
.end_of_page_button {
|
||||
// @extend .button.small;
|
||||
@extend .button;
|
||||
display: flex;
|
||||
margin: $global-margin auto;
|
||||
//padding: $global-padding*0.5 $global-padding*5;
|
||||
font-size: $global-font-size;
|
||||
}
|
||||
.accordion-item.is-active {
|
||||
& button, & .button {
|
||||
// @extend .button;
|
||||
background-color: $input-background;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -27,6 +27,14 @@
|
|||
display:inline;
|
||||
width: 0;
|
||||
}
|
||||
&.tech-document-link {
|
||||
a {
|
||||
@include button;
|
||||
padding: $global-padding*0.5 $global-padding*1.5;
|
||||
margin-left: 0;
|
||||
font-size: $small-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,67 +1,90 @@
|
|||
.hero{
|
||||
//search block size in content
|
||||
article,.omekas-entry-content {
|
||||
.search{
|
||||
.input-group * {
|
||||
margin: 0;
|
||||
}
|
||||
@include xy-grid();
|
||||
.input-group {
|
||||
position: relative;
|
||||
border-radius: 4rem;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.input-group .appear {
|
||||
right: 0;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
padding: 0.3rem 1rem;
|
||||
}
|
||||
.button{
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.appear{
|
||||
display:none;
|
||||
}
|
||||
input{
|
||||
&:active{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background-focus;
|
||||
@include breakpoint(small){
|
||||
@include xy-cell (12);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
&:focus,&:focus-within{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background;
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell (6);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
&:not(:placeholder-shown) {
|
||||
border:none;
|
||||
background-color: $input-background-focus;
|
||||
position: relative;
|
||||
right: 2rem;
|
||||
+ .appear {
|
||||
display: block;
|
||||
background-color: scale-color($input-background-focus, $lightness: -20%);
|
||||
z-index: 2;
|
||||
&:hover {
|
||||
color: $white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.hollow {
|
||||
border-color: $primary-color;
|
||||
color: $primary-color;
|
||||
&::after {
|
||||
}
|
||||
&::placeholder {
|
||||
color: scale-color($primary-color, $lightness: -20%);
|
||||
}
|
||||
&:hover {
|
||||
background-color: scale-color($primary-color, $lightness: 95%);
|
||||
}
|
||||
&:active {
|
||||
background-color: scale-color($primary-color, $lightness: 85%);
|
||||
@include breakpoint(large){
|
||||
@include xy-cell (4);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// search elements
|
||||
.search{
|
||||
.input-group {
|
||||
position: relative;
|
||||
border-radius: $global-padding*4;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.appear {
|
||||
right: 0;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
padding: $global-padding*0.3 $global-padding;
|
||||
}
|
||||
}
|
||||
.input-group * {
|
||||
margin: 0;
|
||||
}
|
||||
.button{
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.appear{
|
||||
display:none;
|
||||
font-size: $global-font-size;
|
||||
}
|
||||
input{
|
||||
&:active{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background-focus;
|
||||
}
|
||||
&:focus,&:focus-within{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background;
|
||||
}
|
||||
&:not(:placeholder-shown) {
|
||||
border:none;
|
||||
background-color: $input-background-focus;
|
||||
position: relative;
|
||||
padding-right: $global-padding * 9;
|
||||
+ .appear {
|
||||
display: block;
|
||||
background-color: scale-color($input-background-focus, $lightness: -20%);
|
||||
z-index: 2;
|
||||
&:hover {
|
||||
color: $white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.hollow {
|
||||
border-color: $primary-color;
|
||||
color: $primary-color;
|
||||
&:after {
|
||||
}
|
||||
&::placeholder {
|
||||
color: scale-color($primary-color, $lightness: -20%);
|
||||
}
|
||||
&:hover {
|
||||
background-color: scale-color($primary-color, $lightness: 95%);
|
||||
}
|
||||
&:active {
|
||||
background-color: scale-color($primary-color, $lightness: 85%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,26 @@
|
|||
@include breakpoint(small) {
|
||||
dl {
|
||||
.property {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
dt {
|
||||
min-width: unset;
|
||||
max-width: unset;
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
dl {
|
||||
.property {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
dt {
|
||||
min-width: 14rem;
|
||||
max-width: 14rem;
|
||||
width: 14rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -108,6 +108,7 @@
|
|||
@import "components/buttons";
|
||||
@import "components/accordion";
|
||||
@import "components/tables";
|
||||
@import "components/lists";
|
||||
|
||||
|
||||
// Templates
|
||||
|
|
|
@ -2,10 +2,10 @@
|
|||
.site-name,.site-description {
|
||||
display: none;
|
||||
}
|
||||
&::before {
|
||||
&:before {
|
||||
content: '';
|
||||
display:inline-block;
|
||||
margin-top:-$global-padding;
|
||||
// margin-top:-$global-padding;
|
||||
width: 100%;
|
||||
height: $global-padding*5;
|
||||
background-size: contain;
|
||||
|
@ -31,6 +31,15 @@
|
|||
&.eu{
|
||||
&::before {
|
||||
background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg');
|
||||
//background-image: url('../img/rechts_co-funded-by-the-creative-europe-media-programme-of-the-european-union-flag.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arc-hive-off.site-brand{
|
||||
//hack needed for omeka
|
||||
margin-bottom: -$global-padding*0.5;
|
||||
&:before{
|
||||
margin-top: -$global-padding;
|
||||
}
|
||||
}
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -14,31 +14,8 @@
|
|||
@mixin font-worksans-medium {
|
||||
font-face: worksans-medium, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
@mixin font-worksans-mediumitalic {
|
||||
font-face: worksans-mediumitalic, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// mods on fonts and typography
|
||||
// not in foundation variables
|
||||
// -----------------------------
|
||||
|
||||
//h1,h2,h3,h4,h5,h6,
|
||||
//.h1,.h2,.h3,.h4,.h4,.h5,.h6,
|
||||
//button,.button,
|
||||
//header nav,
|
||||
//.hero .claim
|
||||
//{
|
||||
// font-variant:all-small-caps;
|
||||
//}
|
||||
//
|
||||
//
|
||||
//h1,h2,h3,h4,h5,h6,
|
||||
//.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
|
||||
// a {
|
||||
// color: $black;
|
||||
// }
|
||||
//}
|
||||
}
|
||||
|
|
|
@ -15,6 +15,23 @@ header nav {
|
|||
color: $body-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* https://fontawesome.com/v5.0/icons */
|
||||
a[href$=".pdf"]:after {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
margin-left: .5rem;
|
||||
content: "\f1c1";
|
||||
}
|
||||
|
||||
.excerpt,.post-excerpt{
|
||||
a {
|
||||
color: $body-font-color;
|
||||
|
@ -42,29 +59,42 @@ main {
|
|||
}
|
||||
}
|
||||
section {
|
||||
padding: $global-padding $global-padding*2;
|
||||
// padding: $global-padding $global-padding*2;
|
||||
}
|
||||
.entry-content,.omekas-entry-content {
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
padding: $global-padding*2 ;
|
||||
padding: $global-padding*2 $global-padding/2 ;
|
||||
margin:0 auto;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell(12);
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
max-width: 50rem;
|
||||
max-width: 60rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
@include xy-cell(12);
|
||||
max-width: 50rem;
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
font-size: $global-font-size*1.2;
|
||||
margin: 0 auto;
|
||||
@include breakpoint(xxlarge){
|
||||
// @include xy-cell(12);
|
||||
// padding: $global-padding*2 $global-padding*3;
|
||||
// margin: 0 auto;
|
||||
max-width: 70rem;
|
||||
p {
|
||||
font-size: $global-font-size*1.2;
|
||||
line-height: $paragraph-lineheight*1.15;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include xy-grid;
|
||||
nav {
|
||||
@include xy-cell(12);
|
||||
display:flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
padding-bottom: $global-padding * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -100,7 +130,7 @@ main {
|
|||
max-width: 50rem;
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
max-width: 50rem;
|
||||
// max-width: 50rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -197,61 +227,173 @@ main {
|
|||
}
|
||||
header {
|
||||
display: none;
|
||||
|
||||
// margin-top: 2*$global-margin;
|
||||
// border-top: 1px solid $body-font-color;
|
||||
// padding: $global-padding*2 0;
|
||||
}
|
||||
main {
|
||||
@include xy-grid;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
article {
|
||||
@include card-container();
|
||||
@include breakpoint(small){
|
||||
@include card-container();
|
||||
@include xy-cell();
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@include breakpoint(small){
|
||||
font-size: $global-font-size*0.7;
|
||||
overflow: visible;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
font-size: $global-font-size*1;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
}
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
.accordion-content {
|
||||
padding-top: 0;
|
||||
section {
|
||||
@include xy-grid;
|
||||
.load_more {
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: $global-margin * 1.5;
|
||||
}
|
||||
|
||||
// accordion for colletions list
|
||||
.accordion-item {
|
||||
margin: 0 -5rem;//make lines screen width in collections view
|
||||
padding: 0 5rem;
|
||||
&.title {
|
||||
.accordion-title {
|
||||
@include breakpoint(small){
|
||||
li {
|
||||
@include xy-cell(3);
|
||||
@include xy-cell-offset(0);
|
||||
&.title,&.curator,&.collection-name,&.date {
|
||||
&::before {content: none;}
|
||||
}
|
||||
&.date {
|
||||
margin-left: auto;
|
||||
}
|
||||
.ascToggle{
|
||||
position:absolute;
|
||||
padding-left: 0.21rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
li {
|
||||
&.title {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.curator {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.collection-name {
|
||||
@include xy-cell(2);
|
||||
}
|
||||
&.date {
|
||||
@include xy-cell(shrink);
|
||||
margin-left: auto; //aligns to right
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(.title){
|
||||
&.is-active {
|
||||
background-color:$input-background;
|
||||
}
|
||||
.accordion-title {
|
||||
@include breakpoint(small){
|
||||
li {
|
||||
&.title,
|
||||
&.curator,
|
||||
&.collection-name,
|
||||
&.date {
|
||||
@include xy-cell(10);
|
||||
@include xy-cell-offset(2);
|
||||
min-height: 1rem;
|
||||
&::before {
|
||||
display: inline-block;
|
||||
color: $medium-gray;
|
||||
position: absolute;
|
||||
left:0;
|
||||
}
|
||||
}
|
||||
&.title::before {content:"Title";}
|
||||
&.curator::before {content:"Artist";}
|
||||
&.collection-name::before {content:"Collection";}
|
||||
&.date::before {content:"Date";}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
li {
|
||||
&.title,
|
||||
&.curator,
|
||||
&.collection-name,
|
||||
&.date {
|
||||
min-height:unset;
|
||||
&::before {
|
||||
content: none;
|
||||
// content:"";
|
||||
}
|
||||
}
|
||||
&.title {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.curator {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.collection-name {
|
||||
@include xy-cell(2);
|
||||
}
|
||||
&.date {
|
||||
@include xy-cell(shrink);
|
||||
margin-left: auto; //aligns to right
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.accordion-title {
|
||||
ul,ol {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.accordion-content {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
@include breakpoint(small){
|
||||
figure {
|
||||
@include xy-cell(12);
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
section {
|
||||
@include xy-grid;
|
||||
@include breakpoint(small){
|
||||
padding: 0;
|
||||
figure {
|
||||
@include xy-cell(12);
|
||||
}
|
||||
p {
|
||||
@include xy-cell(12);
|
||||
position: relative;
|
||||
padding-top: $global-padding * 1;
|
||||
padding-bottom: $global-padding * 3;
|
||||
.button {
|
||||
position:absolute;
|
||||
right:0;
|
||||
margin-top: $global-padding * 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
p {
|
||||
@include xy-cell(12);
|
||||
@include breakpoint(medium){
|
||||
figure {
|
||||
@include xy-cell(4);
|
||||
@include xy-gutters;
|
||||
}
|
||||
p {
|
||||
@include xy-cell(8);
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
figure {
|
||||
@include xy-cell(3);
|
||||
margin-left: 0;
|
||||
@include breakpoint(large){
|
||||
}
|
||||
p {
|
||||
@include xy-cell(9);
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// end collections category
|
||||
|
||||
|
@ -298,11 +440,13 @@ main {
|
|||
@include xy-grid();
|
||||
.slide {
|
||||
@include xy-grid;
|
||||
justify-content: center;
|
||||
@include breakpoint(small){
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding: $global-padding * 3;
|
||||
justify-content: center;
|
||||
color: $white;
|
||||
.textwidget {
|
||||
}
|
||||
}
|
||||
|
@ -317,9 +461,9 @@ main {
|
|||
@include breakpoint(large){
|
||||
width: 50%;
|
||||
height: calc((50vw*9)/16);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow:hidden;
|
||||
//padding: 0;
|
||||
//margin: 0;
|
||||
//overflow:hidden;
|
||||
a {
|
||||
@include flex;
|
||||
@include flex-align (center,middle);
|
||||
|
@ -349,7 +493,6 @@ main {
|
|||
background-color: $primary-color;
|
||||
font-variant:all-small-caps;
|
||||
}
|
||||
color: $white;
|
||||
|
||||
.logo {
|
||||
@include breakpoint(medium){
|
||||
|
@ -365,10 +508,28 @@ main {
|
|||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@include flex-align(spaced,middle);
|
||||
min-height: 6rem;
|
||||
padding: $global-padding 0 ;
|
||||
@include breakpoint(small) {
|
||||
flex-direction: column;
|
||||
min-height: unset;
|
||||
padding: $global-padding;
|
||||
.menu, .menu.horizontal {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
flex-direction: row;
|
||||
min-height: $global-padding * 6;
|
||||
padding: $global-padding 0 ;
|
||||
.menu, .menu.horizontal {
|
||||
justify-content: unset;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: $body-font-color;
|
||||
&:hover {
|
||||
// color: $anchor-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
justify-content:center;
|
||||
|
@ -392,10 +553,11 @@ main {
|
|||
.slides {
|
||||
background-color: $secondary-color;
|
||||
.slide {
|
||||
height: 10rem;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
margin: $global-margin auto;
|
||||
margin: 0 auto;
|
||||
&:first-child {
|
||||
color: unset;
|
||||
background-color: unset;
|
||||
|
@ -407,6 +569,16 @@ main {
|
|||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.image-background {
|
||||
width: 100%;
|
||||
background-color: rgb(250,250,220);
|
||||
background-image: url("../img/header_collections.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center 75%;
|
||||
}
|
||||
&.collections-all{
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
|
@ -441,19 +613,26 @@ main {
|
|||
}
|
||||
aside {
|
||||
nav {
|
||||
//like .omekas-entry-content .sub-menu.wide
|
||||
@include flex-align(justify,middle);
|
||||
width: 100vw;
|
||||
border-top: $global-border-archive;
|
||||
border-bottom: $global-border-archive;
|
||||
margin: 0;
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||