diff --git a/assets/main.scss b/assets/main.scss index 9f0607a..b1bbae7 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -36,6 +36,18 @@ body { .menu { @apply col-span-8 flex justify-between; + + a { + @apply underline decoration-0 underline-offset-4 decoration-dotted hover:decoration-transparent transition-all; + } + + a[href^=http] { + @apply relative no-underline; + &:after { + content: '↷'; + @apply ml-2; + } + } } a[href^="#"] { @@ -119,7 +131,7 @@ a[href^="#"] { } .modal { - @apply relative bg-white p-5 lg:p-10 border rounded shadow prose ; + @apply relative bg-white p-5 lg:p-10 border rounded shadow prose; &-backdrop { @apply fixed top-0 left-0 right-0 bottom-0 bg-white bg-opacity-70 flex items-center justify-center z-30; @@ -128,6 +140,7 @@ a[href^="#"] { &-close { @apply absolute right-4 top-4 text-4xl opacity-50; } + h2 { @apply px-4; } @@ -220,8 +233,10 @@ button { .canvas-icons { @apply absolute text-3xl top-0 left-0 flex flex-col; + a { @apply cursor-pointer; + &.disabled { @apply cursor-not-allowed opacity-50 pointer-events-none; }