Skip to content
Snippets Groups Projects
Commit 1200b8e1 authored by Norman Kämper-Leymann's avatar Norman Kämper-Leymann
Browse files

#3502171 Create header

parent 27cebae2
No related branches found
No related tags found
No related merge requests found
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
<style>
path { fill: #000; }
@media (prefers-color-scheme: dark) {
path { fill: #FFF; }
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 85">
<defs>
<path id="a" fill="#fff" d="M50.3784 39.4888c1.9558 5.1151-.8149 10.155-2.4447 12.0356 2.4071 2.2566 1.003 7.2088 0 9.4028-1.003 2.1939-3.0089 5.6706-1.6925 7.8983 2.4447 4.1373 4.1372 11.6582 4.1372 13.7698 3.9492-.3762 4.1111 5.2239 0 5.2239 0 3.3368 0 7.5299 1.4799 12.9738.7118 2.618.4661 5.609-1.7438 7.183-3.3937 2.418-7.4325 2.927-10.8314 2.974-1.389 0-1.8556-.468-1.9152-.702l1.5448-.141v-.421l-1.6852-.281-.1405-.562h1.8257v-.421l-1.8257-.14v-.562l1.8257-.14v-.422l-1.8257-.281.1405-.561 1.6852-.141v-.562h-1.5448c.1123-.337.446-.594.5988-.681 1.3164-.752 4.4569 0 6.9581-.752-1.5672-2.069-5.3784-7.1837-8.0864-11.0952-7.3342 2.8208-8.4626 9.4032-9.5909 12.9762-.3761 3.009-3.9492 2.256-5.2656 1.504-1.0531-.602-7.3654-2.373-10.1742-3.637-1.1236-.702-1.2044-1.47-.9831-1.966l1.4044.983.2809-.421-1.5449-1.124.4213-.981 1.6853 1.122.2809-.422-1.6853-1.2637.5618-.8427 1.8257 1.1234.2809-.2807-1.5449-1.264.5618-.4213 1.6853.8426.2809-.2808-1.4044-.9831c1.1235-.8427 4.2005 1.0882 8.0676 2.6703-4.5133-12.2237 3.7612-15.5651 6.3939-15.7532-3.1461-5.3887-1.1283-8.4051 0-11.1389-1.6925.3761-6.1682 1.1284-10.5311 1.1284-6.1553 0-9.38918-7.1472-10.52399-11.2885-.00489-.0178-.00995-.0345-.01554-.0521-.04568-.1439-.25783-.846-.13206-1.0976.14044-.2809.28088-.4213.28088-.4213l.28089.9831.14044-.1404-.14044-1.1236.42132-.2809.28088 1.1236.28088-.1405-.14044-1.2639.42132-.2809.42133 1.2639.28088-.1404-.42133-1.264.56177-.1688.70221 1.0115.2809-.1405-.5618-.983c2.2471-.4214 4.3849 6.5059 6.8297 7.2581 2.8208-.3761 7.1461-3.1969 9.4028-5.4536-5.1697-1.9079-14.9456-8.6955-16.4389-19.1931-.0543-.3817.0173-.7713.1897-1.1161l.0167-.0335.2809 1.2639.2809-.2808-.2809-1.264.4213-.4213.4213 1.2639.2809-.2809-.4213-1.4044.4213-.2808.7022 1.1235.2809-.2809-.5618-1.1235.5618-.2809.681.9831.1616-.1405c0-.2247-.3745-.7958-.5617-.983l.4001-.1174c1.3164 0 2.3673 2.4447 3.197 4.1372 1.5672 3.1969 6.6948 9.5909 14.6684 9.5909.9693-3.1196 5.6417-4.4491 5.7762-5.2673-1.7566.2928-3.618-.2002-4.572-.879-.482-.343-.131-.8597.4607-.8597h3.9768c0-1.7671-4.8604-.9367-7.2414-1.9674-.8705-.3768.1521-.9538 1.0793-.7536 1.9121.4128 4.4425.0768 6.1621.8801-1.1284-3.4773-3.197-.9321-5.6417-2.4365-1.6567-1.0195-2.7557-3.2697-2.8625-4.7342-.0309-.4233.3241-.7339.7463-.7781l6.6295-.6936c2.7582-1.191 8.7258-3.0841 10.5312-1.1283 4.1372-3.5731 8.0864 1.8806 4.1372 4.8895Z"/>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 85">
<g mask="url(#mask0_456_581)">
<path fill="#009CDE" d="M64 52.3383c0 17.6974-14.3269 32.0439-32 32.0439-17.6731 0-32-14.3465-32-32.0439C0 31.136 26.6667 19.0127 32 0c5.3333 19.0127 32 32.5047 32 52.3383Z"/>
<g mask="url(#mask1_456_581)">
<use xlink:href="#a"/>
<path fill="#F56351" d="M13.9145 38.7637c-3.1459-.6741-4.40046 2.9961-4.63452 4.9154-.04682.5618.79602 2.4792.84262 1.8257.1405-1.9661 4.0728-5.1963 5.7581-4.4941.1873-.1872-.6179-1.5729-1.9662-2.247Zm22.8919 7.3029-9.4095-1.8257 1.1235-2.3875 6.7412 1.4044 1.5448 1.1235v1.6853ZM13.3528 61.5151c-3.48295 0-6.31985 2.3875-6.60074 3.9323l-1.4044-3.9323 4.77494-3.2301c2.3407.9362 6.7131 3.2301 3.2302 3.2301Zm4.775 36.2337c-3.82 2.1347-5.3368 6.4602-5.4772 8.4262l-3.23016-1.966.98306-7.8646c2.1535-.234 6.9378-.1685 7.7243 1.4044Zm22.1896 14.6062c-1.0111-1.686-.4213-6.788 0-9.129l-5.8985 2.668c.6086 2.201 2.9774 7.36 5.8985 6.461Z"/>
<path fill="#009CDE" d="M45.8654 39.1127c.7522 0 2.4071-.4514 3.0089-2.2567-1.6925-.5642-3.0089.7522-3.0089 2.2567Z"/>
<path stroke="#009CDE" stroke-linecap="round" stroke-linejoin="round" d="M37.1777 39.1127c.5642-.9403 1.125-2.72 2.8579 0m5.8298 0c.7522 0 2.4071-.4514 3.0089-2.2567-1.6925-.5642-3.0089.7522-3.0089 2.2567Z"/>
</g>
</g>
</svg>
</svg>
---
import HeaderLink from './HeaderLink.astro';
import { SITE_TITLE } from '../consts';
import { SITE_TITLE, MOBILE_SITE_TITLE } from '../consts';
---
<header>
<nav>
<h2><a href="/">{SITE_TITLE}</a></h2>
<div class="internal-links">
<HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink>
<HeaderLink href="/about">About</HeaderLink>
</div>
<div class="social-links">
<a href="https://m.webtoo.ls/@astro" target="_blank">
<span class="sr-only">Follow Astro on Mastodon</span>
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
><path
fill="currentColor"
d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
></path></svg
>
</a>
<a href="https://twitter.com/astrodotbuild" target="_blank">
<span class="sr-only">Follow Astro on Twitter</span>
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
><path
fill="currentColor"
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
></path></svg
>
</a>
<a href="https://github.com/withastro/astro" target="_blank">
<span class="sr-only">Go to Astro's GitHub repo</span>
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
><path
fill="currentColor"
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
></path></svg
>
</a>
</div>
</nav>
<nav class="container h-20 lg:h-25 flex justify-between items-center">
<a href="/" class="flex items-center gap-5">
<span class="inline-block h-12.5 w-10 lg:h-15 lg:w-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 46 60">
<mask id="a" width="46" height="60" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="#0478BE" d="M45.7631 37.2152C45.7631 49.7989 35.576 60 23.0095 60S.255859 49.7989.255859 37.2152C.255859 22.1392 19.2172 13.519 23.0095 0c3.7923 13.519 22.7536 23.1125 22.7536 37.2152Z"></path>
</mask>
<g mask="url(#a)">
<path fill="#009CDE" d="M45.7631 37.2152C45.7631 49.7989 35.576 60 23.0095 60S.255859 49.7989.255859 37.2152C.255859 22.1392 19.2172 13.519 23.0095 0c3.7923 13.519 22.7536 23.1125 22.7536 37.2152Z"></path>
<mask id="b" width="34" height="56" x="5" y="23" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="#fff" d="M36.0777 28.0785c1.3907 3.6371-.5794 7.2207-1.7383 8.5579 1.7116 1.6046.7132 5.1258 0 6.6858-.7132 1.5601-2.1395 4.0321-1.2034 5.6162 1.7383 2.9418 2.9417 8.2896 2.9417 9.791 2.8081-.2675 2.9232 3.7144 0 3.7144 0 2.8144 0 6.4854 1.7563 11.4815.1508.4291.0905.9124-.2053 1.2579-2.66 3.1064-6.4082 3.6658-9.4403 3.7079-.9877 0-1.3194-.3329-1.3618-.4993l1.0985-.0999v-.2996l-1.1984-.1997-.0998-.3994h1.2982v-.2996l-1.2982-.0999v-.3994l1.2982-.0999v-.2995l-1.2982-.1998.0998-.3994 1.1984-.0999v-.3994h-1.0985c.0799-.2397.3171-.4227.4258-.4843.936-.5348 3.1691 0 4.9475-.5348-1.1143-1.4709-3.8243-5.1081-5.7498-7.8894-5.215 2.0058-6.0173 6.6859-6.8196 9.2265-.2675 2.1395-2.8081 1.6046-3.7441 1.0698-.7488-.4279-5.2372-1.6874-7.23443-2.5861-.79888-.4993-.85633-1.0456-.69902-1.3981l.99861.699.19972-.2995-1.09847-.7989.29958-.6977 1.19833.7975.19972-.2996-1.19833-.8987.39945-.5992 1.29814.7989.1998-.1997-1.0985-.8987.39944-.2996 1.19836.5991.1997-.1997-.9986-.699c.7989-.5992 2.9868.7738 5.7365 1.8987-3.2092-8.6916 2.6744-11.0676 4.5464-11.2013-2.2371-3.8316-.8023-5.9765 0-7.9203-1.2035.2674-4.3859.8023-7.4882.8023-4.38374 0-6.68358-5.0984-7.48697-8.0409l-.00252-.0084c-.01713-.0525-.19361-.6047-.09854-.7948.09986-.1997.19973-.2996.19973-.2996l.19972.699.09986-.0998-.09986-.7989.29958-.1997.19972.7988.19972-.0998-.09986-.8988.29958-.1997.29958.8988.19972-.0999-.29958-.8987.39944-.1201.49931.7192.19972-.0998-.39944-.6991c1.59776-.2996 3.11789 4.6261 4.85619 5.161 2.0058-.2675 5.0813-2.2732 6.6859-3.8779-3.728-1.3758-10.82478-6.3204-11.73045-13.9662-.0076-.0642.00401-.1298.03291-.1876l.15545-.3109.19972.8988.19972-.1997-.19972-.8988.29958-.2996.29958.8988.19972-.1997-.29958-.9986.29958-.1998.4993.7989.19973-.1997-.39945-.7989.39945-.1997.48425.699.11491-.0998c0-.1598-.2663-.5659-.39944-.6991l.28453-.0834c.93601 0 1.68331 1.7383 2.27321 2.9417 1.1143 2.2732 4.7603 6.8196 10.43 6.8196.6892-2.2181 4.0115-3.1635 4.1071-3.7453-1.6048.2675-3.3326-.3873-3.6569-1.0598-.0431-.0893.034-.1764.1332-.1764h3.4281c0-1.6468-5.9355-.1213-6.06-2.5594-.0081-.1588.206-.2009.3115-.0819 1.1765 1.3259 4.0312.53 5.7485 1.3323-.8023-2.4726-2.2732-.6628-4.0115-1.7325-1.3357-.822-2.1615-2.7688-2.0273-3.7508.0096-.0705.0688-.1212.1396-.1286l5.0969-.5333c1.9612-.8469 6.2045-2.193 7.4882-.8023 2.9417-2.5406 5.7498 1.3372 2.9417 3.4767Z"></path>
</mask>
<g mask="url(#b)">
<path fill="#FFFEFF" d="M36.0777 28.0785c1.3907 3.6371-.5794 7.2207-1.7383 8.5579 1.7116 1.6046.7132 5.1258 0 6.6858-.7132 1.5601-2.1395 4.0321-1.2034 5.6162 1.7383 2.9418 2.9417 8.2896 2.9417 9.791 2.8081-.2675 2.9232 3.7144 0 3.7144 0 2.8144 0 6.4854 1.7563 11.4815.1508.4291.0905.9124-.2053 1.2579-2.66 3.1064-6.4082 3.6658-9.4403 3.7079-.9877 0-1.3194-.3329-1.3618-.4993l1.0985-.0999v-.2996l-1.1984-.1997-.0998-.3994h1.2982v-.2996l-1.2982-.0999v-.3994l1.2982-.0999v-.2995l-1.2982-.1998.0998-.3994 1.1984-.0999v-.3994h-1.0985c.0799-.2397.3171-.4227.4258-.4843.936-.5348 3.1691 0 4.9475-.5348-1.1143-1.4709-3.8243-5.1081-5.7498-7.8894-5.215 2.0058-6.0173 6.6859-6.8196 9.2265-.2675 2.1395-2.8081 1.6046-3.7441 1.0698-.7488-.4279-5.2372-1.6874-7.23443-2.5861-.79888-.4993-.85633-1.0456-.69902-1.3981l.99861.699.19972-.2995-1.09847-.7989.29958-.6977 1.19833.7975.19972-.2996-1.19833-.8987.39945-.5992 1.29814.7989.1998-.1997-1.0985-.8987.39944-.2996 1.19836.5991.1997-.1997-.9986-.699c.7989-.5992 2.9868.7738 5.7365 1.8987-3.2092-8.6916 2.6744-11.0676 4.5464-11.2013-2.2371-3.8316-.8023-5.9765 0-7.9203-1.2035.2674-4.3859.8023-7.4882.8023-4.38374 0-6.68358-5.0984-7.48697-8.0409l-.00252-.0084c-.01713-.0525-.19361-.6047-.09854-.7948.09986-.1997.19973-.2996.19973-.2996l.19972.699.09986-.0998-.09986-.7989.29958-.1997.19972.7988.19972-.0998-.09986-.8988.29958-.1997.29958.8988.19972-.0999-.29958-.8987.39944-.1201.49931.7192.19972-.0998-.39944-.6991c1.59776-.2996 3.11789 4.6261 4.85619 5.161 2.0058-.2675 5.0813-2.2732 6.6859-3.8779-3.728-1.3758-10.82478-6.3204-11.73045-13.9662-.0076-.0642.00401-.1298.03291-.1876l.15545-.3109.19972.8988.19972-.1997-.19972-.8988.29958-.2996.29958.8988.19972-.1997-.29958-.9986.29958-.1998.4993.7989.19973-.1997-.39945-.7989.39945-.1997.48425.699.11491-.0998c0-.1598-.2663-.5659-.39944-.6991l.28453-.0834c.93601 0 1.68331 1.7383 2.27321 2.9417 1.1143 2.2732 4.7603 6.8196 10.43 6.8196.6892-2.2181 4.0115-3.1635 4.1071-3.7453-1.6048.2675-3.3326-.3873-3.6569-1.0598-.0431-.0893.034-.1764.1332-.1764h3.4281c0-1.6468-5.9355-.1213-6.06-2.5594-.0081-.1588.206-.2009.3115-.0819 1.1765 1.3259 4.0312.53 5.7485 1.3323-.8023-2.4726-2.2732-.6628-4.0115-1.7325-1.3357-.822-2.1615-2.7688-2.0273-3.7508.0096-.0705.0688-.1212.1396-.1286l5.0969-.5333c1.9612-.8469 6.2045-2.193 7.4882-.8023 2.9417-2.5406 5.7498 1.3372 2.9417 3.4767Z"></path>
<path fill="#F56351" d="M10.1496 27.5628c-2.23689-.4794-3.12898 2.1303-3.29542 3.4951-.03328.3994.56599 1.7628.59918 1.2982.09989-1.3981 2.89594-3.6949 4.09424-3.1956.1332-.1331-.4394-1.1184-1.398-1.5977Zm16.2773 5.1927-6.6907-1.2982.7989-1.6976 4.7933.9986 1.0985.7989v1.1983ZM9.75016 43.7402c-2.47654 0-4.49373 1.6976-4.69345 2.7961l-.9986-2.7961 3.39525-2.2968c1.66435.6657 4.77334 2.2968 2.2968 2.2968Zm3.39524 25.764c-2.7162 1.5179-3.79468 4.5936-3.89455 5.9916l-2.29679-1.398.69903-5.5922c1.53119-.1665 4.93311-.1199 5.49231.9986Zm15.778 10.3855c-.719-1.1983-.2996-4.8266 0-6.491l-4.1942 1.8974c.4328 1.5645 2.1171 5.2327 4.1942 4.5936Z"></path>
<path fill="#009CDE" d="M32.8683 27.811c.5348 0 1.7116-.3209 2.1395-1.6046-1.2035-.4012-2.1395.5348-2.1395 1.6046Z"></path>
<path stroke="#009CDE" stroke-linecap="round" stroke-linejoin="round" stroke-width=".502857" d="M26.6909 27.811c.4012-.6686.8-1.934 2.0321 0m4.1453 0c.5348 0 1.7116-.3209 2.1395-1.6046-1.2035-.4012-2.1395.5348-2.1395 1.6046Z"></path>
</g>
</g>
</svg>
</span>
<h2 class="lg:block hidden uppercase font-bold tracking-widest -mb-2">{SITE_TITLE}</h2>
<h2 class="block lg:hidden uppercase font-bold tracking-widest -mb-2">{MOBILE_SITE_TITLE}</h2>
</a>
<div class="hidden lg:flex gap-12 h-20 lg:h-25">
<HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink>
<HeaderLink href="/about">About</HeaderLink>
</div>
</nav>
</header>
<style>
header {
margin: 0;
padding: 0 1em;
background: white;
box-shadow: 0 2px 8px rgba(var(--black), 5%);
}
h2 {
margin: 0;
font-size: 1em;
}
header {
margin: 0;
background: white;
box-shadow: 0 2px 8px rgba(var(--black), 5%);
}
h2 a,
h2 a.active {
text-decoration: none;
}
nav {
display: flex;
align-items: center;
justify-content: space-between;
}
nav a {
padding: 1em 0.5em;
border-bottom: 4px solid transparent;
text-decoration: none;
@apply text-dug-dark;
}
nav a.active {
text-decoration: none;
@apply border-b-dug-dark;
}
.social-links,
.social-links a {
display: flex;
}
@media (max-width: 720px) {
.social-links {
display: none;
}
}
h2 {
font-size: 1em;
}
h2 a,
h2 a.active {
text-decoration: none;
}
nav a {
border-bottom: 4px solid transparent;
text-decoration: none;
@apply text-dug-dark;
}
nav a.active {
text-decoration: none;
@apply border-b-dug-accent-dark;
}
.social-links,
.social-links a {
display: flex;
}
@media (max-width: 720px) {
.social-links {
display: none;
}
}
</style>
......@@ -10,12 +10,12 @@ const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
---
<a href={href} class:list={[className, { active: isActive }]} {...props}>
<slot />
<span class="-mb-2"><slot /></span>
</a>
<style>
a {
display: inline-block;
text-decoration: none;
@apply font-bold flex items-center;
}
a.active {
font-weight: bolder;
......
......@@ -12,6 +12,12 @@ export default {
'dug-accent-light': '#7ecefb',
'dug-accent-dark': '#0478be'
},
spacing: {
'7.5': '1.875rem', // 30px
'12.5': '3.125rem', // 50px
'15': '3.75rem', // 60px
'25': '6.25rem', // 100px
}
},
container: {
center: true,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment