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
|
// 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
|
||||||
|
|
|
||||||
|
|
@ -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";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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: '';
|
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');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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
|
// 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;
|
||||||
|
// }
|
||||||
|
//}
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
//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 xy-cell(12);
|
@include breakpoint(small){
|
||||||
@include flex;
|
padding-top: 0;
|
||||||
@include flex-align(center,top);
|
@include xy-cell(12);
|
||||||
padding: $global-padding*3 0;
|
@include flex;
|
||||||
|
@include flex-align(center,top);
|
||||||
|
}
|
||||||
|
@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,45 +181,103 @@
|
||||||
}
|
}
|
||||||
// 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 breakpoint(large){
|
||||||
@include xy-cell(full);
|
width: 50%;
|
||||||
@include flex;
|
height: calc((50vw*9)/16);
|
||||||
@include flex-align(center,bottom);
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
overflow:hidden;
|
||||||
|
a {
|
||||||
|
@include flex;
|
||||||
|
@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;
|
||||||
|
|
||||||
}
|
.logo {
|
||||||
}
|
|
||||||
.slide{
|
|
||||||
}
|
|
||||||
figure {
|
|
||||||
background-color: $white;
|
|
||||||
.logo {
|
|
||||||
@include breakpoint(medium){
|
@include breakpoint(medium){
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
}
|
}
|
||||||
|
|
@ -124,17 +291,21 @@ $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
|
||||||
&.secondary {
|
&.secondary {
|
||||||
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
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
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;
|
li {
|
||||||
margin: 0;
|
float:left;
|
||||||
|
padding-right: $global-padding;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
li {
|
.clear.clearfix {
|
||||||
float:left;
|
width: 100%;
|
||||||
padding-right: $global-padding;
|
|
||||||
}
|
}
|
||||||
.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 xy-grid;
|
@include breakpoint(small) {
|
||||||
@include flex;
|
@include xy-grid;
|
||||||
@include flex-align(left,bottom);
|
@include flex;
|
||||||
border-top: 1px solid black;
|
@include flex-align(left,bottom);
|
||||||
padding: $global-padding 0;
|
border-top: 1px solid black;
|
||||||
aside {
|
padding: $global-padding;
|
||||||
@include xy-cell(3);
|
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 {
|
&.double {
|
||||||
@include xy-cell(6);
|
@include breakpoint(small) {
|
||||||
|
@include xy-cell(12);
|
||||||
|
}
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
@include xy-cell(6);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,48 @@
|
||||||
|
|
||||||
header {
|
header {
|
||||||
@include xy-grid();
|
@include xy-grid();
|
||||||
@include xy-gutters(0);
|
@include xy-gutters(0);
|
||||||
main {
|
main {
|
||||||
@include xy-cell(shrink);
|
@include breakpoint(small){
|
||||||
@include flex-align(left, middle);
|
@include xy-cell(12);
|
||||||
padding: $global-padding*2;
|
@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);
|
||||||
|
text-align: unset;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
nav {
|
nav {
|
||||||
@include xy-cell(auto);
|
@include breakpoint(small){
|
||||||
@include flex;
|
@include xy-cell(12);
|
||||||
@include flex-align(right, middle);
|
@include flex;
|
||||||
a, button {
|
@include flex-align(center, middle);
|
||||||
color: $black;
|
a, button {
|
||||||
&:hover {
|
color: $black;
|
||||||
color: $anchor-color;
|
&:hover {
|
||||||
|
color: $anchor-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
menu {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@include breakpoint(small){
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -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