diff --git a/src/styles.css b/src/styles.css index eee4f91..6d2b4e7 100644 --- a/src/styles.css +++ b/src/styles.css @@ -59,7 +59,8 @@ p { text-align: center; } -pre, code { +pre, +code { font-family: 'Fira Code', 'Menlo', monospace; } @@ -141,18 +142,42 @@ input[type='text'] { padding: 0.25rem 0.5rem; border-radius: 0.5rem; - + &:nth-child(1) { font-size: 28px; } - - + &:hover { background: #f2f2f2; } + &:active { + position: relative; + + &::after { + content: 'Script Copied!'; + font-size: 15px; + font-weight: 600; + line-height: 1; + + border-radius: 0.5rem; + + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + + display: grid; + place-content: center; + + background: #ddd; + color: #333; + } + } + @media screen and (max-width: 768px) { - &:nth-child(1) { + &:nth-child(1) { font-size: 24px; }