Just commit all of family home before editing 'cause i just accidentally overwrote gaeastohuaosneuh
This commit is contained in:
benjamin melançon
parent
18bba535b4
commit
84de7930cb
64 changed files with 15325 additions and 0 deletions
Binary file not shown.
31
web/themes/custom/geofresco/src/global/_base.scss
Normal file
31
web/themes/custom/geofresco/src/global/_base.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
@charset "utf-8";
|
||||
|
||||
// Set our custom font for headers
|
||||
.title,
|
||||
.content h1,
|
||||
.content h2,
|
||||
.content h3,
|
||||
.content h4,
|
||||
.content h5,
|
||||
.content h6 {
|
||||
font-family: $family-serif;
|
||||
}
|
||||
|
||||
// Prevent images from being larger than their Drupal-set size
|
||||
.image.no-upscale img {
|
||||
width: intrinsic; /* Safari/WebKit uses a non-standard name */
|
||||
width: -moz-max-content; /* Firefox/Gecko */
|
||||
width: -webkit-max-content; /* Chrome */
|
||||
}
|
||||
|
||||
// Style the wordmark (logo)
|
||||
.navbar-item .wordmark {
|
||||
max-height: 3rem; // 4rem
|
||||
}
|
||||
|
||||
$navbar-item-img-max-height: 3rem;
|
||||
|
||||
.navbar-item .wordmark img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
15
web/themes/custom/geofresco/src/global/_components.scss
Normal file
15
web/themes/custom/geofresco/src/global/_components.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
@charset "UTF-8";
|
||||
// Extend or override Bulma's components,
|
||||
// ../../node_modules/bulma/sass/components
|
||||
|
||||
// Make menu items slightly less far apart so we never entirely lose
|
||||
// 'Community' on mid-size screens.
|
||||
// See https://gitlab.com/drutopia/octavia/issues/52
|
||||
.navbar-item, .navbar-link {
|
||||
padding-left: .75rem;
|
||||
padding-right: .75rem;
|
||||
@include from($widescreen) {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
25
web/themes/custom/geofresco/src/global/_elements.scss
Normal file
25
web/themes/custom/geofresco/src/global/_elements.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
@charset "UTF-8";
|
||||
// Extend or override Bulma's elements ../../node_modules/bulma/sass/elements
|
||||
|
||||
// Style the slogan shown at the top of each page
|
||||
.slogan.title {
|
||||
color: $red;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
margin-top: 0.8rem; // 1.2rem
|
||||
margin-left: 0.6rem; // 0.8rem
|
||||
}
|
||||
|
||||
.hero.is-primary .family-home-branding__front {
|
||||
padding: .5rem .75rem;
|
||||
background-color: white;
|
||||
.column {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.slogan.title {
|
||||
margin-top: 0;
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
46
web/themes/custom/geofresco/src/global/_fonts.scss
Normal file
46
web/themes/custom/geofresco/src/global/_fonts.scss
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
$family-serif: "Pagella", "Palatino", "Bookman", "Bookman Old Style", "Garamond", "Georgia", "Times", "Times New Roman", serif !default
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pagella';
|
||||
src: url('../../fonts/texgyrepagella-regular-webfont.eot');
|
||||
src: url('../../fonts/texgyrepagella-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../fonts/texgyrepagella-regular-webfont.woff') format('woff'),
|
||||
url('../../fonts/texgyrepagella-regular-webfont.ttf') format('truetype'),
|
||||
url('../../fonts/texgyrepagella-regular-webfont.svg#tex_gyre_pagellaregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pagella';
|
||||
src: url('../../fonts/texgyrepagella-bold-webfont.eot');
|
||||
src: url('../../fonts/texgyrepagella-bold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../fonts/texgyrepagella-bold-webfont.woff') format('woff'),
|
||||
url('../../fonts/texgyrepagella-bold-webfont.ttf') format('truetype'),
|
||||
url('../../fonts/texgyrepagella-bold-webfont.svg#tex_gyre_pagellabold') format('svg');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pagella';
|
||||
src: url('../../fonts/texgyrepagella-italic-webfont.eot');
|
||||
src: url('../../fonts/texgyrepagella-italic-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../fonts/texgyrepagella-italic-webfont.woff') format('woff'),
|
||||
url('../../fonts/texgyrepagella-italic-webfont.ttf') format('truetype'),
|
||||
url('../../fonts/texgyrepagella-italic-webfont.svg#tex_gyre_pagellaitalic') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pagella';
|
||||
src: url('../../fonts/texgyrepagella-bolditalic-webfont.eot');
|
||||
src: url('../../fonts/texgyrepagella-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../fonts/texgyrepagella-bolditalic-webfont.woff') format('woff'),
|
||||
url('../../fonts/texgyrepagella-bolditalic-webfont.ttf') format('truetype'),
|
||||
url('../../fonts/texgyrepagella-bolditalic-webfont.svg#tex_gyre_pagellabold_italic') format('svg'
|
||||
);
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
3
web/themes/custom/geofresco/src/global/_grid.scss
Normal file
3
web/themes/custom/geofresco/src/global/_grid.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
@charset "UTF-8";
|
||||
// Extend or override Bulma's grid ../../node_modules/bulma/sass/grid
|
||||
|
||||
6
web/themes/custom/geofresco/src/global/_layout.scss
Normal file
6
web/themes/custom/geofresco/src/global/_layout.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
// Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout
|
||||
|
||||
.hero-body {
|
||||
padding: 2rem 1.5rem;
|
||||
}
|
||||
28
web/themes/custom/geofresco/src/global/global.scss
Normal file
28
web/themes/custom/geofresco/src/global/global.scss
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
// Bring in Bulma allowing us to extend and override it.
|
||||
|
||||
// Set brand colors.
|
||||
$blue: #4391E0;
|
||||
$red: #a70c20;
|
||||
|
||||
// Update Bulma's global variables.
|
||||
$primary: $blue;
|
||||
|
||||
// Import each part of Bulma separately so we can layer in our styles.
|
||||
// Extend or override Bulam's base styles in this themes base.scss etc.
|
||||
@import "../../node_modules/bulma/sass/utilities/_all";
|
||||
@import "fonts";
|
||||
@import "../../node_modules/bulma/sass/base/_all";
|
||||
@import "base";
|
||||
@import "../../node_modules/bulma/sass/elements/_all";
|
||||
@import "elements";
|
||||
@import "../../node_modules/bulma/sass/components/_all";
|
||||
@import "components";
|
||||
@import "../../node_modules/bulma/sass/grid/_all";
|
||||
@import "grid";
|
||||
@import "../../node_modules/bulma/sass/layout/_all";
|
||||
@import "layout";
|
||||
|
||||
// You can add final styles below or import another Sass or SCSS stylesheet here
|
||||
// and it will have access to Bulma variables and mixins.
|
||||
|
||||
@import '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';
|
||||
7
web/themes/custom/geofresco/src/global/overrides.scss
Normal file
7
web/themes/custom/geofresco/src/global/overrides.scss
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
.navbar > .container > .navbar-brand {
|
||||
margin-left: inherit;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
{% extends "block.html.twig" %}
|
||||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation for a branding block.
|
||||
*
|
||||
* Each branding element variable (logo, name, slogan) is only available if
|
||||
* enabled in the block configuration.
|
||||
*
|
||||
* Available variables:
|
||||
* - site_logo: Logo for site as defined in Appearance or theme settings.
|
||||
* - site_name: Name for site as defined in Site information settings.
|
||||
* - site_slogan: Slogan for site as defined in Site information settings.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{% block content %}
|
||||
{% if site_logo %}
|
||||
<figure class="wordmark image is-pulled-left">
|
||||
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
|
||||
<img src="{{ site_logo }}" alt="{{ site_name }}" />
|
||||
</a>
|
||||
</figure>
|
||||
{% endif %}
|
||||
<a class="title is-5 slogan" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_slogan }}</a>
|
||||
{% endblock content %}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation for a facets item list.
|
||||
*
|
||||
* Available variables:
|
||||
* - items: A list of items. Each item contains:
|
||||
* - attributes: HTML attributes to be applied to each list item.
|
||||
* - value: The content of the list element.
|
||||
* - title: The title of the list.
|
||||
* - list_type: The tag for list element ("ul" or "ol").
|
||||
* - wrapper_attributes: HTML attributes to be applied to the list wrapper.
|
||||
* - attributes: HTML attributes to be applied to the list.
|
||||
* - empty: A message to display when there are no items. Allowed value is a
|
||||
* string or render array.
|
||||
* - context: A list of contextual data associated with the list. May contain:
|
||||
* - list_style: The ID of the widget plugin this facet uses.
|
||||
* - facet: The facet for this result item.
|
||||
* - id: the machine name for the facet.
|
||||
* - label: The facet label.
|
||||
*
|
||||
* @see facets_preprocess_facets_item_list()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<div class="facets-widget- {{- facet.widget.type -}} ">
|
||||
{% if facet.widget.type %}
|
||||
{%- set attributes = attributes.addClass('item-list__' ~ facet.widget.type) %}
|
||||
{% endif %}
|
||||
{% if items or empty %}
|
||||
{%- if title is not empty -%}
|
||||
<h2 class="subtitle is-4 is-uppercase">{{ title }}</h2>
|
||||
{%- endif -%}
|
||||
|
||||
{%- if items -%}
|
||||
<{{ list_type }}{{ attributes }}>
|
||||
{%- for item in items -%}
|
||||
<li{{ item.attributes }}>{{ item.value }}</li>
|
||||
{%- endfor -%}
|
||||
</{{ list_type }}>
|
||||
{%- else -%}
|
||||
{{- empty -}}
|
||||
{%- endif -%}
|
||||
{%- endif %}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation of an image.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: HTML attributes for the img tag.
|
||||
* - style_name: (optional) The name of the image style applied.
|
||||
*
|
||||
* @see template_preprocess_image()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<figure class="image no-upscale">
|
||||
<img{{ attributes }} />
|
||||
</figure>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{% extends "@stable/content/page-title.html.twig" %}
|
||||
{#
|
||||
/**
|
||||
* Make page titles larger by adding a class (where size 1 is the largest).
|
||||
*/
|
||||
#}
|
||||
{% set title_attributes = title_attributes.addClass("is-size-2") %}
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
{% extends "@bulma/system/page.html.twig" %}
|
||||
{#
|
||||
Limit the main content column to a max of 10 units at widescreen and above.
|
||||
@see system/page.html.twig in the Bulma theme.
|
||||
#}
|
||||
{%
|
||||
set page = page|merge({
|
||||
'content_attributes': create_attribute().addClass([
|
||||
'main-content',
|
||||
'column',
|
||||
'is-10-widescreen',
|
||||
]),
|
||||
})
|
||||
%}
|
||||
|
||||
{% if is_front %}
|
||||
{%
|
||||
set page = page|merge({
|
||||
'navbar_branding': '',
|
||||
})
|
||||
%}
|
||||
{% endif %}
|
||||
|
||||
{% block header_and_search %}
|
||||
{# Header hero region + search #}
|
||||
<div class="container">
|
||||
<div class="columns is-marginless is-vcentered">
|
||||
<div class="column">
|
||||
{% if not is_front %}
|
||||
{{ page.header }}
|
||||
{% endif %}
|
||||
{% if is_front and site_logo %}
|
||||
<div class="columns is-desktop is-vcentered family-home-branding__front">
|
||||
<div class="column is-two-fifths-desktop">
|
||||
<figure class="wordmark image">
|
||||
<img src="{{ site_logo }}" alt="{{ site_name }}" />
|
||||
</figure>
|
||||
</div>
|
||||
<div class="column">
|
||||
<span class="title is-size-5 is-size-4-tablet is-size-3-widescreen slogan">{{ site_slogan }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="column is-narrow pull-right">
|
||||
{{ page.header_search }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock header_and_search %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue