merged with changes applied into wordpress dev theme
This commit is contained in:
parent
a6465a9eda
commit
a219520b08
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -72,7 +72,7 @@
|
|||
// 1. Global
|
||||
// ---------
|
||||
|
||||
$global-font-size: 100%;
|
||||
$global-font-size:100%;
|
||||
$global-width: 100vw;
|
||||
$global-lineheight: 1.5;
|
||||
|
||||
|
|
@ -156,17 +156,17 @@ $header-lineheight: 1.4;
|
|||
$header-margin-bottom: 0.5rem;
|
||||
$header-styles: (
|
||||
small: (
|
||||
'h1': ('font-size': 24),
|
||||
'h2': ('font-size': 20),
|
||||
'h3': ('font-size': 19),
|
||||
'h1': ('font-size': 36),
|
||||
'h2': ('font-size': 30),
|
||||
'h3': ('font-size': 23),
|
||||
'h4': ('font-size': 18),
|
||||
'h5': ('font-size': 17),
|
||||
'h6': ('font-size': 16),
|
||||
),
|
||||
medium: (
|
||||
'h1': ('font-size': 48),
|
||||
'h2': ('font-size': 40),
|
||||
'h3': ('font-size': 31),
|
||||
'h1': ('font-size': 58),
|
||||
'h2': ('font-size': 52),
|
||||
'h3': ('font-size': 40),
|
||||
'h4': ('font-size': 25),
|
||||
'h5': ('font-size': 20),
|
||||
'h6': ('font-size': 16),
|
||||
|
|
@ -180,7 +180,7 @@ $paragraph-margin-bottom: 1rem;
|
|||
$paragraph-text-rendering: optimizeLegibility;
|
||||
$enable-code-inline: true;
|
||||
$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-hover: none;
|
||||
$hr-width: $global-width;
|
||||
|
|
@ -758,8 +758,10 @@ $prototype-text-overflow: ellipsis;
|
|||
|
||||
$responsive-embed-margin-bottom: rem-calc(16);
|
||||
$responsive-embed-ratios: (
|
||||
default: 4 by 3,
|
||||
default: 16 by 9,
|
||||
standard: 4 by 3,
|
||||
widescreen: 16 by 9,
|
||||
classicfilm: 3 by 2,
|
||||
);
|
||||
|
||||
// 47. Reveal
|
||||
|
|
|
|||
|
|
@ -20,9 +20,9 @@
|
|||
@include foundation-button-group;
|
||||
@include foundation-close-button;
|
||||
@include foundation-label;
|
||||
@include foundation-progress-bar;
|
||||
@include foundation-slider;
|
||||
@include foundation-switch;
|
||||
//@include foundation-progress-bar;
|
||||
//@include foundation-slider;
|
||||
//@include foundation-switch;
|
||||
@include foundation-table;
|
||||
// Basic components
|
||||
@include foundation-badge;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
// Containers
|
||||
@include foundation-accordion;
|
||||
@include foundation-media-object;
|
||||
@include foundation-orbit;
|
||||
//@include foundation-orbit;
|
||||
@include foundation-responsive-embed;
|
||||
@include foundation-tabs;
|
||||
@include foundation-thumbnail;
|
||||
|
|
@ -67,21 +67,31 @@
|
|||
// arcHIVE styles
|
||||
|
||||
// global project styles
|
||||
@import "global/colors";
|
||||
|
||||
@import "global/wp-overrides"; //errors
|
||||
@import "global/wp-admin"; //errors
|
||||
@import "global/typography";
|
||||
@import "global/gutenberg";
|
||||
@import "global/colors";
|
||||
@import "global/branding";
|
||||
@import "global/accessibility";
|
||||
|
||||
// Modules
|
||||
@import "modules/navigation";
|
||||
@import "modules/header";
|
||||
@import "modules/content";
|
||||
@import "modules/footer";
|
||||
//@import "modules/editor-syle";
|
||||
@import "modules/content";
|
||||
|
||||
// Componentes
|
||||
@import "components/links";
|
||||
@import "components/featured-image";
|
||||
@import "components/dividers";
|
||||
@import "components/cards";
|
||||
@import "components/buttons";
|
||||
@import "components/accordion";
|
||||
|
||||
|
||||
// Templates
|
||||
//@import "templates/front";
|
||||
|
||||
|
|
|
|||
|
|
@ -3,8 +3,12 @@ button,.button {
|
|||
}
|
||||
.hero {
|
||||
button,.button {
|
||||
min-width: 20vw;
|
||||
padding: $global-padding*0.3 $global-padding*2;
|
||||
color: $button-color-alt;
|
||||
font-size: $global-font-size*1.3;
|
||||
border-color: $button-color-alt;
|
||||
border-radius: 4rem;
|
||||
// margin: $global-margin*2 0;
|
||||
&:hover{
|
||||
color: $anchor-color;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
.dotted {
|
||||
border-style: dashed;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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.
|
||||
}
|
||||
|
|
@ -6,10 +6,23 @@
|
|||
content: '';
|
||||
display:inline-block;
|
||||
margin-top:-$global-padding;
|
||||
width: 10rem;
|
||||
height: $global-font-size*2;
|
||||
background: url('../img/ARC-HIVE-logo.svg') no-repeat center;
|
||||
width: 100%;
|
||||
height: $global-padding*5;
|
||||
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');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,4 +10,3 @@ $mid-grey: #808080;
|
|||
$antracite-grey: #333333;
|
||||
$forest-green: #1E6041;
|
||||
$raspberry-purple: #54367B;
|
||||
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
}
|
||||
|
|
@ -26,13 +26,19 @@
|
|||
// 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,
|
||||
//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;
|
||||
// }
|
||||
//}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
// }
|
||||
//}
|
||||
|
|
@ -1,18 +1,91 @@
|
|||
content {
|
||||
section {
|
||||
//content {
|
||||
|
||||
// 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 {
|
||||
.news,.news-category {
|
||||
@include xy-grid;
|
||||
header,main,aside {
|
||||
@include breakpoint(small){
|
||||
padding-top: 0;
|
||||
@include xy-cell(12);
|
||||
@include flex;
|
||||
@include flex-align(center,top);
|
||||
padding: $global-padding*3 0;
|
||||
}
|
||||
@include breakpoint(small){
|
||||
padding-top: $global-padding*3;
|
||||
}
|
||||
}
|
||||
main {
|
||||
//@include xy-cell(12);
|
||||
|
|
@ -29,9 +102,45 @@
|
|||
@include breakpoint(large){
|
||||
@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 {
|
||||
@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
|
||||
|
|
@ -72,44 +181,102 @@
|
|||
}
|
||||
// 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
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
|
||||
$hero-padding: $global-padding * 3;
|
||||
|
||||
.hero {
|
||||
border-top: 2px solid $primary-color;
|
||||
background-color: $primary-color;
|
||||
.slides {
|
||||
@include xy-grid();
|
||||
.slide {
|
||||
@include xy-grid;
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(full);
|
||||
color: $white;
|
||||
//padding: $hero-padding;
|
||||
width: 100vw;
|
||||
margin: 0;
|
||||
.textwidget {
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell(auto);
|
||||
@include xy-cell-gutters(0,margin);
|
||||
@include flex;
|
||||
@include flex-align(center,middle);
|
||||
font-size: $lead-font-size;
|
||||
.textwidget {
|
||||
max-width: 50rem;
|
||||
margin:auto;
|
||||
padding: $global-padding * 2;
|
||||
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-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 {
|
||||
@include breakpoint(medium){
|
||||
max-width: 80%;
|
||||
|
|
@ -124,7 +291,14 @@ $hero-padding: $global-padding * 3;
|
|||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@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
|
||||
|
|
@ -132,9 +306,6 @@ $hero-padding: $global-padding * 3;
|
|||
border-top: none;
|
||||
background-color: $secondary-color;
|
||||
.slide{
|
||||
.claim {
|
||||
color: $body-font-color;
|
||||
}
|
||||
figure {
|
||||
background-color: unset;
|
||||
}
|
||||
|
|
@ -143,5 +314,5 @@ $hero-padding: $global-padding * 3;
|
|||
}
|
||||
//end hero
|
||||
|
||||
}
|
||||
//}
|
||||
// end content
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,42 +1,79 @@
|
|||
@include breakpoint(small) {
|
||||
footer {
|
||||
// @include xy-grid-container();
|
||||
footer {
|
||||
background-color: $secondary-color;
|
||||
//.h1,.h2,.h3,.h4,.h5,.h6 {
|
||||
//font-variant:all-small-caps;
|
||||
//}
|
||||
a {
|
||||
color: $body-font-color;
|
||||
&:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
p {
|
||||
h1,h2,h3,h4,h5,h6,
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
p,ul,ol,li {
|
||||
margin: 0;
|
||||
}
|
||||
ul,ol {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
li {
|
||||
float:left;
|
||||
padding-right: $global-padding;
|
||||
}
|
||||
}
|
||||
.clear.clearfix {
|
||||
width: 100%;
|
||||
}
|
||||
.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 {
|
||||
@include breakpoint(small) {
|
||||
@include xy-grid;
|
||||
@include flex;
|
||||
@include flex-align(left,bottom);
|
||||
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 {
|
||||
@include breakpoint(small) {
|
||||
@include xy-cell(12);
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(3);
|
||||
}
|
||||
&.double {
|
||||
@include breakpoint(small) {
|
||||
@include xy-cell(12);
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
@include xy-cell(6);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,22 +1,48 @@
|
|||
|
||||
header {
|
||||
@include xy-grid();
|
||||
@include xy-gutters(0);
|
||||
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 flex-align(left, middle);
|
||||
padding: $global-padding*2;
|
||||
text-align: unset;
|
||||
}
|
||||
}
|
||||
nav {
|
||||
@include xy-cell(auto);
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
@include flex;
|
||||
@include flex-align(right, middle);
|
||||
@include flex-align(center, middle);
|
||||
a, button {
|
||||
color: $black;
|
||||
&:hover {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue