merged with changes applied into wordpress dev theme

This commit is contained in:
jorge 2021-05-03 20:00:26 +02:00
parent a6465a9eda
commit a219520b08
26 changed files with 3880 additions and 96 deletions

View File

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="270px" height="270px" viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.2;}
.st1{fill:none;stroke:#3F5D69;stroke-width:0.5069;stroke-miterlimit:10;}
.st2{fill:#4F5764;}
.st3{fill:url(#SVGID_1_);}
.st4{fill:url(#SVGID_2_);}
.st5{fill:url(#SVGID_3_);}
.st6{fill:url(#SVGID_4_);}
</style>
<g class="st0">
<polyline class="st1" points="15.4,124.2 133.9,248.4 208.8,34.2 15.4,124.2 "/>
<polyline class="st1" points="220.2,158.5 137.4,17.4 248.8,115.6 219.4,161.2 "/>
<polyline class="st1" points="248.8,115.6 15.4,124.2 52.4,55.6 137.4,17.4 "/>
<g>
<circle class="st2" cx="248.8" cy="115.6" r="4.1"/>
<circle class="st2" cx="15.4" cy="124.2" r="4.6"/>
<circle class="st2" cx="137.4" cy="17.4" r="4.1"/>
<circle class="st2" cx="52.4" cy="55.6" r="3.3"/>
<circle class="st2" cx="133.9" cy="248.4" r="3.8"/>
<circle class="st2" cx="208.8" cy="34.2" r="4.7"/>
<circle class="st2" cx="219.4" cy="161.2" r="5.3"/>
</g>
</g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="126.3543" y1="93.2575" x2="138.7467" y2="93.2575">
<stop offset="0" style="stop-color:#4F5764"/>
<stop offset="0.6682" style="stop-color:#293942"/>
<stop offset="1" style="stop-color:#111C21"/>
</linearGradient>
<rect x="126.4" y="80.3" class="st3" width="12.4" height="26"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="96.7949" y1="187.5047" x2="114.2522" y2="97.1009">
<stop offset="0" style="stop-color:#D0D1D3"/>
<stop offset="0.5225" style="stop-color:#CDD2D1"/>
<stop offset="0.994" style="stop-color:#F2F2F2"/>
</linearGradient>
<rect x="97.4" y="97.1" class="st4" width="16.2" height="90.6"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="80.9993" y1="93.2569" x2="126.3543" y2="93.2569">
<stop offset="0" style="stop-color:#4F5764"/>
<stop offset="0.6682" style="stop-color:#293942"/>
<stop offset="1" style="stop-color:#111C21"/>
</linearGradient>
<rect x="81" y="85.4" class="st5" width="45.4" height="15.7"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="145.8713" y1="185.0645" x2="190.5812" y2="87.2338">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<path class="st6" d="M181.1,81.2l-2,0.9v10.7l-8.6,5.7l-7.6-5.7V82.2l-1.4-0.7l-8.1,11.6v12.3l9.5,8.5v73.8h16.3v-74.2l9.8-8.9
V93.2L181.1,81.2z M171.2,182.4c-1.7,0-3-1.4-3-3c0-1.7,1.4-3,3-3c1.7,0,3,1.4,3,3C174.2,181,172.9,182.4,171.2,182.4z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 90 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 88 KiB

View File

@ -0,0 +1,139 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="270px" height="270px" viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.16;}
.st1{fill:none;stroke:#26373E;stroke-width:0.6356;stroke-miterlimit:10;}
.st2{fill:#4F5764;}
.st3{fill:url(#SVGID_1_);}
.st4{fill:url(#SVGID_2_);}
.st5{fill:url(#SVGID_3_);}
.st6{fill:url(#SVGID_4_);}
.st7{fill:url(#SVGID_5_);}
.st8{fill:url(#SVGID_6_);}
.st9{fill:#FFFFFF;}
.st10{fill:url(#SVGID_7_);}
.st11{fill:url(#SVGID_8_);}
.st12{fill:url(#SVGID_9_);}
.st13{fill:url(#SVGID_10_);}
.st14{fill:url(#SVGID_11_);}
.st15{fill:url(#SVGID_12_);}
.st16{fill:url(#SVGID_13_);}
.st17{fill:url(#SVGID_14_);}
.st18{fill:url(#SVGID_15_);}
.st19{fill:url(#SVGID_16_);}
</style>
<g class="st0">
<polyline class="st1" points="14.5,191.2 237.4,214.9 156.5,11.6 14.5,187.7 49.4,38.9 263.3,173.2 109.7,255.8 8.7,77.7 "/>
<polyline class="st1" points="49.4,38.9 156.5,11.6 263.3,173.2 "/>
<g>
<circle class="st2" cx="49.4" cy="38.9" r="5.1"/>
<circle class="st2" cx="156.5" cy="11.6" r="5.1"/>
<circle class="st2" cx="263.3" cy="173.2" r="5.7"/>
<circle class="st2" cx="237.4" cy="214.9" r="5.1"/>
<circle class="st2" cx="109.7" cy="255.8" r="4.8"/>
<circle class="st2" cx="8.7" cy="77.7" r="5.9"/>
<circle class="st2" cx="14.5" cy="187.7" r="6.7"/>
</g>
</g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="89.8471" y1="134.6955" x2="163.2465" y2="134.6955">
<stop offset="0" style="stop-color:#4F5764"/>
<stop offset="0.6682" style="stop-color:#293942"/>
<stop offset="1" style="stop-color:#111C21"/>
</linearGradient>
<rect x="89.8" y="81.4" class="st3" width="73.4" height="106.6"/>
<g>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="90.6335" y1="179.444" x2="156.1698" y2="81.7949">
<stop offset="0" style="stop-color:#D0D1D3"/>
<stop offset="0.4956" style="stop-color:#CDD2D1"/>
<stop offset="0.994" style="stop-color:#F2F2F2"/>
</linearGradient>
<rect x="89.8" y="81.4" class="st4" width="66.6" height="99.2"/>
</g>
<g>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="172.3255" y1="178.4396" x2="190.0203" y2="114.214">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<polygon class="st5" points="186.2,180.6 175.7,180.6 175.7,113.7 180.9,100.8 186.2,113.7 "/>
</g>
<g>
<path class="st9" d="M111.3,132.4v-17.8h12.6v3.3h-8.8v3.7h8.6v3.3h-8.6v7.4H111.3z"/>
<path class="st9" d="M125.7,123.6c0-5.4,3-9.2,8.3-9.2c2.2,0,4,0.7,5.3,1.8l-1.7,2.9c-1-0.9-2-1.4-3.5-1.4c-2.6,0-4.5,2.2-4.5,5
c0,0.1,0,0.2,0,0.4c0.8-1.2,2.6-2.3,4.6-2.3c3.2,0,6.1,2,6.1,5.8c0,3.5-2.8,6.1-6.8,6.1C128,132.8,125.7,128.6,125.7,123.6z
M136.4,126.8c0-1.9-1.6-2.7-3.3-2.7c-1.3,0-2.6,0.6-3.5,1.7c0.2,1.7,1.1,3.6,3.6,3.6C135.2,129.4,136.4,128,136.4,126.8z"/>
</g>
<g>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="91.6015" x2="95.586" y2="91.6015">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="89.4" class="st6" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="100.4609" x2="95.586" y2="100.4609">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="98.2" class="st7" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="127.0393" x2="95.586" y2="127.0393">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="124.8" class="st8" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="135.8988" x2="95.586" y2="135.8988">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="133.7" class="st10" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="162.4771" x2="95.586" y2="162.4771">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="160.3" class="st11" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="171.3366" x2="95.586" y2="171.3366">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="169.1" class="st12" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="109.3204" x2="95.586" y2="109.3204">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="107.1" class="st13" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="118.1799" x2="95.586" y2="118.1799">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="116" class="st14" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="144.7582" x2="95.586" y2="144.7582">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="142.5" class="st15" width="12" height="4.4"/>
</g>
<g>
<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="83.6214" y1="153.6177" x2="95.586" y2="153.6177">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="83.6" y="151.4" class="st16" width="12" height="4.4"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.3 KiB

View File

@ -0,0 +1,75 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="270px" height="270px" viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.2;}
.st1{fill:none;stroke:#3F5D69;stroke-width:0.5134;stroke-miterlimit:10;}
.st2{fill:#4F5764;}
.st3{fill:url(#SVGID_1_);}
.st4{fill:url(#SVGID_2_);}
.st5{fill:url(#SVGID_3_);}
.st6{fill:url(#SVGID_4_);}
.st7{fill:url(#SVGID_5_);}
.st8{fill:url(#SVGID_6_);}
.st9{fill:url(#SVGID_7_);}
</style>
<g class="st0">
<polyline class="st1" points="91.2,27.9 250.6,116.3 13.7,117.1 208.2,54.1 "/>
<polyline class="st1" points="181.5,227.2 258.7,182.9 7.3,179.2 179.2,228.8 "/>
<polyline class="st1" points="7.3,179.2 91.2,27.9 208.2,54.1 258.7,182.9 "/>
<g>
<circle class="st2" cx="7.3" cy="179.2" r="4.1"/>
<circle class="st2" cx="91.2" cy="27.9" r="4.6"/>
<circle class="st2" cx="258.7" cy="182.9" r="4.1"/>
<circle class="st2" cx="208.2" cy="54.1" r="3.3"/>
<circle class="st2" cx="250.6" cy="116.3" r="3.9"/>
<circle class="st2" cx="13.7" cy="117.1" r="4.7"/>
<circle class="st2" cx="179.2" cy="228.8" r="5.4"/>
</g>
</g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="127.1718" y1="187.3774" x2="152.0181" y2="156.8904">
<stop offset="0" style="stop-color:#D0D1D3"/>
<stop offset="0.5225" style="stop-color:#CDD2D1"/>
<stop offset="0.994" style="stop-color:#F2F2F2"/>
</linearGradient>
<polygon class="st3" points="145.4,169.2 145.4,154.5 133.9,154.5 133.9,169.2 112.5,169.2 112.5,174.9 166.9,174.9 166.9,169.2
"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="85.0996" y1="118.4856" x2="194.2902" y2="118.4856">
<stop offset="0" style="stop-color:#D0D1D3"/>
<stop offset="0.5225" style="stop-color:#CDD2D1"/>
<stop offset="0.994" style="stop-color:#F2F2F2"/>
</linearGradient>
<rect x="85.1" y="80.7" class="st4" width="109.2" height="75.6"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="91.1375" y1="149.8817" x2="188.7937" y2="86.7396">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="89.9" y="86.4" class="st5" width="99.6" height="64.1"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="58.8981" y1="153.359" x2="119.2881" y2="153.359">
<stop offset="0" style="stop-color:#4F5764"/>
<stop offset="0.6682" style="stop-color:#293942"/>
<stop offset="1" style="stop-color:#111C21"/>
</linearGradient>
<rect x="58.9" y="114.3" class="st6" width="60.4" height="78"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="63.3368" y1="184.134" x2="114.438" y2="121.4314">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="63.9" y="121.7" class="st7" width="50.4" height="61.6"/>
<g>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="180.4045" y1="159.832" x2="210.4102" y2="159.832">
<stop offset="0" style="stop-color:#4F5764"/>
<stop offset="0.6682" style="stop-color:#293942"/>
<stop offset="1" style="stop-color:#111C21"/>
</linearGradient>
<rect x="180.4" y="137.3" class="st8" width="30" height="45.1"/>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="184.9704" y1="174.5269" x2="206.6195" y2="142.2015">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<rect x="184.9" y="143.5" class="st9" width="21" height="30.9"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="270px" height="270px" viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.2;}
.st1{fill:none;stroke:#3F5D69;stroke-width:0.5162;stroke-miterlimit:10;}
.st2{fill:#4F5764;}
.st3{fill:url(#SVGID_1_);}
.st4{fill:url(#SVGID_2_);}
.st5{fill:url(#SVGID_3_);}
</style>
<g class="st0">
<polyline class="st1" points="171,16.5 8.5,102.5 160.1,236.6 173.5,17.8 264.4,151.9 79.7,241.1 248,86.7 90.2,25.6 19.2,186.2
"/>
<polyline class="st1" points="264.4,151.9 160.1,236.6 79.7,241.1 19.2,186.2 8.5,102.5 "/>
<g>
<circle class="st2" cx="264.4" cy="151.9" r="4.1"/>
<circle class="st2" cx="160.1" cy="236.6" r="4.1"/>
<circle class="st2" cx="79.7" cy="241.1" r="4.6"/>
<circle class="st2" cx="8.5" cy="102.5" r="4.1"/>
<circle class="st2" cx="19.2" cy="186.2" r="3.4"/>
<circle class="st2" cx="248" cy="86.7" r="3.9"/>
<circle class="st2" cx="90.2" cy="25.6" r="4.8"/>
<circle class="st2" cx="173.5" cy="17.8" r="5.4"/>
</g>
</g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="50.9584" y1="135.1361" x2="104.5381" y2="135.1361">
<stop offset="0" style="stop-color:#4F5764"/>
<stop offset="0.6682" style="stop-color:#293942"/>
<stop offset="1" style="stop-color:#111C21"/>
</linearGradient>
<path class="st3" d="M51,140.7v-11.1l53.6-23.9V117l-42.6,18.3l42.6,18v11.3L51,140.7z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="112.5123" y1="135" x2="156.683" y2="135">
<stop offset="0" style="stop-color:#3D96D2"/>
<stop offset="1" style="stop-color:#069FB0"/>
</linearGradient>
<path class="st4" d="M112.5,185.8l33.1-101.5h11.1l-33.1,101.5H112.5z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="165.4619" y1="135.1361" x2="219.0416" y2="135.1361">
<stop offset="0" style="stop-color:#4F5764"/>
<stop offset="0.6682" style="stop-color:#293942"/>
<stop offset="1" style="stop-color:#111C21"/>
</linearGradient>
<path class="st5" d="M165.5,164.6v-11.3l42.6-18L165.5,117v-11.3l53.6,23.9v11.1L165.5,164.6z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -72,7 +72,7 @@
// 1. Global // 1. Global
// --------- // ---------
$global-font-size: 100%; $global-font-size:100%;
$global-width: 100vw; $global-width: 100vw;
$global-lineheight: 1.5; $global-lineheight: 1.5;
@ -156,17 +156,17 @@ $header-lineheight: 1.4;
$header-margin-bottom: 0.5rem; $header-margin-bottom: 0.5rem;
$header-styles: ( $header-styles: (
small: ( small: (
'h1': ('font-size': 24), 'h1': ('font-size': 36),
'h2': ('font-size': 20), 'h2': ('font-size': 30),
'h3': ('font-size': 19), 'h3': ('font-size': 23),
'h4': ('font-size': 18), 'h4': ('font-size': 18),
'h5': ('font-size': 17), 'h5': ('font-size': 17),
'h6': ('font-size': 16), 'h6': ('font-size': 16),
), ),
medium: ( medium: (
'h1': ('font-size': 48), 'h1': ('font-size': 58),
'h2': ('font-size': 40), 'h2': ('font-size': 52),
'h3': ('font-size': 31), 'h3': ('font-size': 40),
'h4': ('font-size': 25), 'h4': ('font-size': 25),
'h5': ('font-size': 20), 'h5': ('font-size': 20),
'h6': ('font-size': 16), 'h6': ('font-size': 16),
@ -180,7 +180,7 @@ $paragraph-margin-bottom: 1rem;
$paragraph-text-rendering: optimizeLegibility; $paragraph-text-rendering: optimizeLegibility;
$enable-code-inline: true; $enable-code-inline: true;
$anchor-color: $primary-color; $anchor-color: $primary-color;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%); $anchor-color-hover: $primary-color;//scale-color($anchor-color, $lightness: -14%);
$anchor-text-decoration: none; $anchor-text-decoration: none;
$anchor-text-decoration-hover: none; $anchor-text-decoration-hover: none;
$hr-width: $global-width; $hr-width: $global-width;
@ -758,8 +758,10 @@ $prototype-text-overflow: ellipsis;
$responsive-embed-margin-bottom: rem-calc(16); $responsive-embed-margin-bottom: rem-calc(16);
$responsive-embed-ratios: ( $responsive-embed-ratios: (
default: 4 by 3, default: 16 by 9,
standard: 4 by 3,
widescreen: 16 by 9, widescreen: 16 by 9,
classicfilm: 3 by 2,
); );
// 47. Reveal // 47. Reveal

View File

@ -20,9 +20,9 @@
@include foundation-button-group; @include foundation-button-group;
@include foundation-close-button; @include foundation-close-button;
@include foundation-label; @include foundation-label;
@include foundation-progress-bar; //@include foundation-progress-bar;
@include foundation-slider; //@include foundation-slider;
@include foundation-switch; //@include foundation-switch;
@include foundation-table; @include foundation-table;
// Basic components // Basic components
@include foundation-badge; @include foundation-badge;
@ -36,7 +36,7 @@
// Containers // Containers
@include foundation-accordion; @include foundation-accordion;
@include foundation-media-object; @include foundation-media-object;
@include foundation-orbit; //@include foundation-orbit;
@include foundation-responsive-embed; @include foundation-responsive-embed;
@include foundation-tabs; @include foundation-tabs;
@include foundation-thumbnail; @include foundation-thumbnail;
@ -67,21 +67,31 @@
// arcHIVE styles // arcHIVE styles
// global project styles // global project styles
@import "global/colors";
@import "global/wp-overrides"; //errors
@import "global/wp-admin"; //errors
@import "global/typography"; @import "global/typography";
@import "global/gutenberg";
@import "global/colors";
@import "global/branding"; @import "global/branding";
@import "global/accessibility";
// Modules // Modules
@import "modules/navigation"; @import "modules/navigation";
@import "modules/header"; @import "modules/header";
@import "modules/content";
@import "modules/footer"; @import "modules/footer";
//@import "modules/editor-syle";
@import "modules/content";
// Componentes // Componentes
@import "components/links";
@import "components/featured-image";
@import "components/dividers";
@import "components/cards"; @import "components/cards";
@import "components/buttons"; @import "components/buttons";
@import "components/accordion"; @import "components/accordion";
// Templates // Templates
//@import "templates/front"; //@import "templates/front";

View File

@ -3,8 +3,12 @@ button,.button {
} }
.hero { .hero {
button,.button { button,.button {
min-width: 20vw;
padding: $global-padding*0.3 $global-padding*2;
color: $button-color-alt; color: $button-color-alt;
font-size: $global-font-size*1.3;
border-color: $button-color-alt; border-color: $button-color-alt;
border-radius: 4rem;
// margin: $global-margin*2 0; // margin: $global-margin*2 0;
&:hover{ &:hover{
color: $anchor-color; color: $anchor-color;

View File

@ -0,0 +1,4 @@
.dotted {
border-style: dashed;
margin: 2rem 0;
}

View File

@ -0,0 +1,14 @@
.featured-hero {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: rem-calc(100);
@include breakpoint(medium) {
height: rem-calc(200);
}
@include breakpoint(xlarge) {
height: rem-calc(400);
}
}

View File

@ -0,0 +1,8 @@
// Apply outline styles only when input method is keyboard
// remove :focus style via What Input using progressive enhancement
// so :focus isn't left broken if JavaScript fails
[data-whatinput="mouse"] a:focus, button:focus
[data-whatinput="touch"] a:focus, button:focus {
outline: none;
}

View File

@ -0,0 +1,86 @@
/*!
* Gutenberg Editor Styles
*/
/** === Includes === */
@charset 'utf-8';
@import 'settings';
@import 'foundation';
@include foundation-typography;
@include foundation-button;
@include foundation-table;
/** === Content Width === */
.wp-block {
width: calc(100vw - (2 * 10));
@each $breakpoint, $size in $grid-margin-gutters {
@include breakpoint($breakpoint) {
width: calc(100vw - ($size));
}
}
}
/** === Base Typography === */
body {
font-size: $global-font-size;
font-family: $body-font-family;
color: $body-font-color;
}
/** === Post Title === */
.editor-post-title__block .editor-post-title__input{
@extend h1;
}
/** === Button === */
.wp-block-button {
// add general foundation button styling to button in editor
.wp-block-button__link {
@extend .button;
}
// add special styling for squared buttons
&.is-style-squared .wp-block-button__link {
border-radius: 0;
}
// add outline styles
&.is-style-outline .wp-block-button__link{
@extend .hollow;
}
// set transparent background to block for outline button
&.is-style-outline,
&.is-style-outline:hover,
&.is-style-outline:focus,
&.is-style-outline:active {
background: transparent;
}
}
/** === File === */
.wp-block-file__button{
@include button();
}
/** === Pullquote === */
.wp-block-paragraph.has-background{
padding: rem-calc(20px 30px);
}
/** === Table === */
.wp-block-table td{
border: none;
}
/** === Latest Posts grid view === */
.wp-block-latest-posts.is-grid{
list-style: none;
}

View File

@ -0,0 +1,29 @@
// Text meant only for screen readers. Addresses part of theme-check issue #840.
// https://github.com/Automattic/_s/blob/master/style.css
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; // Above WP toolbar.
}

View File

@ -6,10 +6,23 @@
content: ''; content: '';
display:inline-block; display:inline-block;
margin-top:-$global-padding; margin-top:-$global-padding;
width: 10rem; width: 100%;
height: $global-font-size*2; height: $global-padding*5;
background: url('../img/ARC-HIVE-logo.svg') no-repeat center;
background-size: contain; background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
&.archive{
&::before {
max-width: 10rem;
background-image: url('../img/ARC-HIVE-logo.svg');
}
}
&.eu{
&::before {
max-width: 15rem;
// background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg');
}
} }
} }

View File

@ -10,4 +10,3 @@ $mid-grey: #808080;
$antracite-grey: #333333; $antracite-grey: #333333;
$forest-green: #1E6041; $forest-green: #1E6041;
$raspberry-purple: #54367B; $raspberry-purple: #54367B;

View File

@ -0,0 +1,60 @@
/*
Frontend styles for gutenberg blocks
*/
/** === Base Color Palatte === */
@each $color, $code in $foundation-palette {
.has-#{$color}-background-color {
background-color: $code;
}
.has-#{$color}-color {
color: $code;
}
}
/** === Button === */
.wp-block-button {
// add general foundation button styling
.wp-block-button__link {
@extend .button;
@each $color, $code in $foundation-palette {
&.has-#{$color}-background-color {
background-color: $code;
}
&.has-#{$color}-color {
color: $code;
}
}
}
// add special styling for squared buttons
&.is-style-squared .wp-block-button__link {
border-radius: 0;
}
// add outline styles
&.is-style-outline .wp-block-button__link{
@extend .hollow;
}
// set transparent background to block for outline button
&.is-style-outline,
&.is-style-outline:hover,
&.is-style-outline:focus,
&.is-style-outline:active {
// background: transparent;
.wp-block-button__link{
// background: transparent;
}
}
}
/** === File === */
.wp-block-file .wp-block-file__button{
@include button();
}

View File

@ -26,13 +26,19 @@
// not in foundation variables // not in foundation variables
// ----------------------------- // -----------------------------
h1,h2,h3,h4,h5,h6, //h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6, //.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button, //button,.button,
header nav, //header nav,
.hero .claim //.hero .claim
{ //{
font-variant:all-small-caps; // font-variant:all-small-caps;
} //}
//
//
//h1,h2,h3,h4,h5,h6,
//.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
// a {
// color: $black;
// }
//}

View File

@ -0,0 +1,23 @@
// Fix the issue where the WP admin-bar overlaps the mobile menu
#wpadminbar {
position: fixed !important;
}
// Make sure that the WP admin-bar does not overlap Foundation components
body.admin-bar {
// Offset sticky top bar
&.f-topbar-fixed {
.sticky.fixed {
margin-top: rem-calc(32);
}
}
// Offset mobile off-canvas menu
&.offcanvas {
.off-canvas.is-open {
top: rem-calc(46);
@include breakpoint(small) {
top: rem-calc(32);
}
}
}
}

View File

@ -0,0 +1,57 @@
//.wp-caption > figcaption {
// max-width: 100%;
// font-size: 0.8rem;
// color: #999;
// padding: 0.25rem 0;
//}
//
//p.wp-caption-text{
// font-size:90%;
// color: #666;
// padding:rem-calc(10) 0;
//}
//
//.alignleft {
// float: left;
// padding-right: 1rem;
// margin: 0;
//}
//
//.alignright {
// float: right;
// padding-left: 1rem;
// margin: 0;
//}
//
//.aligncenter {
// display: block;
// margin-left: auto;
// margin-right: auto;
//}
//
//.gallery {
// @include xy-grid;
// @include xy-gutters($negative: true);
// @for $i from 1 through 9 {
// &.gallery-columns-#{$i} {
// @include xy-grid-layout(2, '.gallery-item', true);
// }
// @include breakpoint(medium){
// &.gallery-columns-#{$i} {
// @include xy-grid-layout(4, '.gallery-item', true, (small: 30px));
// }
// }
// @include breakpoint(large) {
// &.gallery-columns-#{$i} {
// @include xy-grid-layout($i, '.gallery-item', true, (small: 30px));
// }
// }
// }
// .gallery-icon > a {
// @include thumbnail;
// @include thumbnail-link;
// }
// .gallery-icon > img {
// @include thumbnail;
// }
//}

View File

@ -1,18 +1,91 @@
content { //content {
section {
// general styles
//----------------
//
// 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,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps;
a {
color: $body-font-color;
} }
}
.excerpt,.post-excerpt{
a {
color: $body-font-color;
&:hover {
p {
color: $anchor-color;
}
}
}
}
//
// main block
//--------------
main {
article {
@include xy-grid;
header {
@include xy-cell(12);
.entry-title {
width: 100%;
text-align: center;
}
}
.entry-content {
@include breakpoint(small){
@include xy-cell(12);
padding: $global-padding*2 ;
margin:0 auto;
}
@include breakpoint(medium){
@include xy-cell(12);
padding: $global-padding*2 $global-padding*3;
max-width: 50rem;
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;
}
}
}
}
// //
// news category // news category
//-------------- //--------------
.news { .news,.news-category {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@include breakpoint(small){
padding-top: 0;
@include xy-cell(12); @include xy-cell(12);
@include flex; @include flex;
@include flex-align(center,top); @include flex-align(center,top);
padding: $global-padding*3 0; }
@include breakpoint(small){
padding-top: $global-padding*3;
}
} }
main { main {
//@include xy-cell(12); //@include xy-cell(12);
@ -29,9 +102,45 @@
@include breakpoint(large){ @include breakpoint(large){
@include xy-cell(4); @include xy-cell(4);
} }
figure {
@include breakpoint(small){
@include xy-cell(12);
height: 58vw;
max-width: 100%;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@include breakpoint(medium){
height: 28vw;
}
@include breakpoint(large){
height: 20vw;
}
}
.date {
height: 1rem;
padding-top: $global-padding*2;
}
.entry-title {
padding-top: $global-padding*2;
line-height: 0.7;
font-size: $global-font-size*1.5;
}
} }
} }
aside { aside {
@include breakpoint(small){
padding-top:0;
padding-bottom: $global-padding*3;
}
@include breakpoint(medium){
padding-top:$global-padding*3;
padding-bottom: 0;
}
} }
} }
// end news category // end news category
@ -72,44 +181,102 @@
} }
// end news category // end news category
//
// partners
// for big announcemnts
//---------------------
.partners {
.entry-content {
max-width: unset;
p {
padding-left: 30vw;
padding-bottom: 2rem;
margin-bottom: 2rem;
&:after {
content: '';
display: inline-block;
border-bottom: 1px solid $body-font-color;
width: 100vw;
position: absolute;
left: 0;
padding-top: 2rem;
}
}
.alignleft {
margin: 0;
padding: 0;
}
.wp-block-image {
margin: 0;
}
}
}
// //
// hero // hero
// for big announcemnts // for big announcemnts
//--------------------- //---------------------
$hero-padding: $global-padding * 3;
.hero { .hero {
border-top: 2px solid $primary-color; border-top: 2px solid $primary-color;
background-color: $primary-color;
.slides { .slides {
@include xy-grid(); @include xy-grid();
.slide { .slide {
@include xy-grid; @include xy-grid;
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(full); width: 100vw;
color: $white; margin: 0;
//padding: $hero-padding; .textwidget {
padding: $global-padding * 2;
}
} }
@include breakpoint(medium){ @include breakpoint(medium){
@include xy-cell(auto); .textwidget {
@include xy-cell-gutters(0,margin); max-width: 50rem;
@include flex; margin:auto;
@include flex-align(center,middle); padding: $global-padding * 2;
font-size: $lead-font-size; font-size: $global-font-size*1.3;
} }
> * { }
@include xy-cell(full); @include breakpoint(large){
width: 50%;
height: calc((50vw*9)/16);
padding: 0;
margin: 0;
overflow:hidden;
a {
@include flex; @include flex;
@include flex-align(center,bottom); @include flex-align (center,middle);
}
img {
// max-width: unset !important;
height: 100% !important;
}
.textwidget {
font-size: $global-font-size*1.2;
padding: $global-padding * 2;
}
}
@include breakpoint(xlarge){
.textwidget {
font-size: $global-font-size*1.3;
padding: $global-padding*3;
}
}
@include breakpoint(xxlarge){
.textwidget {
font-size: $global-font-size*1.6;
padding: $global-padding*3;
}
}
&:first-child {
background-color: $primary-color;
font-variant:all-small-caps;
}
color: $white;
}
}
.slide{
}
figure {
background-color: $white;
.logo { .logo {
@include breakpoint(medium){ @include breakpoint(medium){
max-width: 80%; max-width: 80%;
@ -124,7 +291,14 @@ $hero-padding: $global-padding * 3;
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@include flex-align(spaced,middle); @include flex-align(spaced,middle);
min-height: 8rem; min-height: 6rem;
padding: $global-padding 0 ;
a {
color: $body-font-color;
}
.button {
justify-content:center;
}
} }
} }
//hero secondary //hero secondary
@ -132,9 +306,6 @@ $hero-padding: $global-padding * 3;
border-top: none; border-top: none;
background-color: $secondary-color; background-color: $secondary-color;
.slide{ .slide{
.claim {
color: $body-font-color;
}
figure { figure {
background-color: unset; background-color: unset;
} }
@ -143,5 +314,5 @@ $hero-padding: $global-padding * 3;
} }
//end hero //end hero
} //}
// end content // end content

View File

@ -0,0 +1,5 @@
body#tinymce{
height: auto; // Fix editor style bug
max-width: $grid-row-width; // Give the editor a max-width
padding: rem-calc(20) !important;
}

View File

@ -1,42 +1,79 @@
@include breakpoint(small) { footer {
footer {
// @include xy-grid-container();
background-color: $secondary-color; background-color: $secondary-color;
//.h1,.h2,.h3,.h4,.h5,.h6 {
//font-variant:all-small-caps;
//}
a { a {
color: $body-font-color; color: $body-font-color;
&:hover { &:hover {
color: $primary-color; color: $primary-color;
} }
} }
p { h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
p,ul,ol,li {
margin: 0; margin: 0;
} }
ul,ol { ul,ol {
list-style: none; list-style: none;
padding: 0;
margin: 0;
}
li { li {
float:left; float:left;
padding-right: $global-padding; padding-right: $global-padding;
} }
}
.clear.clearfix {
width: 100%;
}
.logo { .logo {
} }
.site-brand,.brand-logo {
&.archive{
&::before {
margin-top:unset;
}
}
&.eu {
&::before {
margin-top:unset;
max-width:100%;
max-height: 4rem;
}
}
}
.copyright, .legal-credits {
font-size: $global-font-size*0.8;
}
.subsection { .subsection {
@include breakpoint(small) {
@include xy-grid; @include xy-grid;
@include flex; @include flex;
@include flex-align(left,bottom); @include flex-align(left,bottom);
border-top: 1px solid black; border-top: 1px solid black;
padding: $global-padding 0; padding: $global-padding;
font-size: $global-font-size * 0.8;
&:first-child {
//padding-top: $global-padding*3;
}
.co-founded {
text-align:right;
}
}
@include breakpoint(medium) {
font-size: $global-font-size;
}
aside { aside {
@include breakpoint(small) {
@include xy-cell(12);
}
@include breakpoint(medium) {
@include xy-cell(3); @include xy-cell(3);
}
&.double { &.double {
@include breakpoint(small) {
@include xy-cell(12);
}
@include breakpoint(medium) {
@include xy-cell(6); @include xy-cell(6);
} }
} }
} }
} }
} }

View File

@ -1,22 +1,48 @@
header { header {
@include xy-grid(); @include xy-grid();
@include xy-gutters(0); @include xy-gutters(0);
main { main {
@include breakpoint(small){
@include xy-cell(12);
@include flex-align(center, middle);
padding: $global-padding*2 $global-padding;
min-width: 14rem;
text-align: center;
}
@include breakpoint(medium){
@include xy-cell(shrink); @include xy-cell(shrink);
@include flex-align(left, middle); @include flex-align(left, middle);
padding: $global-padding*2; text-align: unset;
}
} }
nav { nav {
@include xy-cell(auto); @include breakpoint(small){
@include xy-cell(12);
@include flex; @include flex;
@include flex-align(right, middle); @include flex-align(center, middle);
a, button { a, button {
color: $black; color: $black;
&:hover { &:hover {
color: $anchor-color; color: $anchor-color;
} }
} }
menu {
margin: 0;
padding: 0;
font-size: 0.8rem;
} }
} }
@include breakpoint(small){ @include breakpoint(medium){
} @include xy-cell(auto);
@include flex;
@include flex-align(right, middle);
menu {
margin: inherit;
padding: inherit;
font-size: $global-font-size*1.5;
}
}
}
}

View File

@ -0,0 +1,201 @@
// Page header
.front-hero {
.marketing {
@include xy-grid-container(55rem);
@include xy-grid;
}
@include breakpoint(small) {
background: url('../images/demo/hero-bg-foundation-6-small.svg') bottom center;
background-size: cover;
background-position: bottom;
padding: rem-calc(65%) 0;
margin: 0 0 rem-calc(32);
height: auto;
position: relative;
text-align: left;
}
@include breakpoint(medium) {
background: url('../images/demo/hero-bg-foundation-6-large.svg') bottom center;
background-size: cover;
background-position: center;
height: rem-calc(685);
margin: 0 0 rem-calc(72);
}
.watch {
@include breakpoint(small) {
@include xy-cell(7);
}
@include breakpoint(medium) {
@include xy-cell(12);
}
a {
color: #B4C9D1;
cursor: pointer;
font-weight: 400;
margin-right: rem-calc(20);
}
a:hover {
color: #fff;
}
#stargazers {
:before {
content: "\f09b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #B4C9D1;
margin-right: rem-calc(8);
}
}
#twitter {
:before {
content: "\f099";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #B4C9D1;
margin-right: rem-calc(8);
}
}
}
.tagline {
@include breakpoint(small) {
@include xy-cell(8);
}
@include breakpoint(medium) {
@include xy-cell(5);
padding-top: 6rem;
}
}
h1 {
color: #fff;
font-weight: 500;
@include breakpoint(small) {
font-size: 2.2rem;
}
@include breakpoint(medium) {
font-size: 2.875rem;
}
}
h4 {
color: #fefefe;
font-weight: 300;
font-size: 1.3125rem;
}
.download {
margin-top: rem-calc(20);
}
}
// Intro
.intro {
@include xy-grid-container;
@include xy-grid;
.fp-intro {
@include breakpoint(small) {
@include xy-cell(12);
}
@include breakpoint(medium) {
@include xy-cell(10);
@include xy-cell-offset(1);
h2 {
font-weight: 300;
margin-bottom: 1.5rem;
}
h4 {
font-size: 1.125rem;
line-height: 1.6;
color: #777;
margin-bottom: 2rem;
}
}
}
}
// Section divider
.section-divider {
@include xy-grid-container;
@include xy-grid;
hr {
@include xy-cell(12);
@extend .dotted;
box-sizing: border-box;
}
}
// Benefits
.benefits {
@include xy-grid-container;
@include xy-grid;
text-align: center;
header {
@include xy-cell(12);
h2 {
font-weight: 300;
}
h4 {
font-size: 1.125rem;
line-height: 1.6;
color: #777;
}
}
.semantic,
.responsive,
.customizable,
.professional {
@include breakpoint(small) {
@include xy-cell(12);
}
@include breakpoint(medium) {
@include xy-cell(3);
}
img {
padding: 1.25rem;
margin: 1rem auto 0 auto;
}
h3 {
color: #0a0a0a;
font-weight: 300;
font-size: 1.75rem;
}
p {
font-size: 0.9375rem;
}
}
.why-foundation {
@include xy-cell(12);
margin-top: 4rem;
}
}

View File

@ -0,0 +1,84 @@
.kitchen-sink-header {
@include xy-cell(12);
}
.kitchen-sink-components {
hr {
margin: 3rem 0;
}
@include breakpoint(small) {
@include xy-cell(12);
}
@include breakpoint(large) {
@include xy-cell(9);
}
}
.kitchen-sink-nav {
@include breakpoint(small) {
display: none;
}
@include breakpoint(large) {
@include xy-cell(3);
display: block;
float: right;
.docs-sub-menu {
font-size: 0.85rem;
margin-top: 1rem;
}
.docs-menu-title {
text-transform: uppercase;
font-size: 0.75rem;
color: $dark-gray;
font-weight: bold;
line-height: 1;
padding-left: 0.9rem;
margin-bottom: 0.5rem;
border-top: 1px solid $medium-gray;
margin-top: 1rem;
padding-top: 1.5rem;
}
.docs-toc {
width: 100%;
padding-left: 4rem;
padding-right: 1rem;
}
.docs-toc .active {
background: #2199e8;
color: white;
}
.docs-toc .docs-sub-menu:first-child .docs-menu-title {
margin-top: 0;
border-top: 0;
padding-top: 0;
}
}
}
.kitchen-sink-grid {
.grid-x {
background: #d6ecfa;
font-size: 12px;
line-height: 2rem;
margin-bottom: 1.5rem;
.cell,:nth-child(odd) {
background: #7bc1ef;
color: #0a0a0a;
}
.cell:nth-child(even) {
background: #1779ba;
color: #fefefe;
}
}
}