diff --git a/.gitignore b/.gitignore index 8a0c369..a3e4194 100644 --- a/.gitignore +++ b/.gitignore @@ -2,7 +2,6 @@ _site .DS_Store .jekyll-cache .jekyll-metadata -assets/css node_modules .bundle/ vendor/ diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..5726b7c --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,45 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +.link--external, +.link--back { + @apply relative italic font-semibold text-xs pl-3 transition-all duration-300; +} + +.link--body { + @apply text-s lg:text-base underline; +} + +.link--external { + @apply before:absolute before:top-1/2 before:left-0 before:transform before:-translate-y-1/2 before:w-2 before:h-2 before:bg-arrow before:bg-no-repeat before:bg-contain group-hover:before:bg-arrowWhite; +} + +.link--back { + @apply before:absolute before:top-1/2 before:left-0 before:transform before:-translate-y-1/2 before:rotate-180 before:w-2 before:h-2 before:bg-arrow before:bg-no-repeat before:bg-contain; +} + +.link--external, +.link--back { + @apply after:absolute after:left-0 after:bottom-0 after:w-full after:h-px hover:after:bg-black; +} + +.link--dapp { + @apply group-hover:before:bg-arrowPeach; +} + +.post__intro { + @apply text-s lg:text-base italic mb-9; +} + +.post__block { + @apply mb-10 lg:mb-14; +} + +.post__subheading { + @apply text-sm font-semibold mb-5; +} + +.post__text { + @apply text-s lg:text-base mb-5; +}