.emacs.d

My Emacs configuration files.
Log | Files | Refs | README

commit 66b54ff36114241513fa8646beff4675c23c4b78
parent 66b4ff1d4093388a2cdb1d78fcbe05b588b1482c
Author: Hugo Soucy <hugo.soucy@equisoft.com>
Date:   Thu, 15 Aug 2019 10:16:18 -0400

Add a css snippet for button

Diffstat:
Asnippets/css-mode/button | 34++++++++++++++++++++++++++++++++++
1 file changed, 34 insertions(+), 0 deletions(-)

diff --git a/snippets/css-mode/button b/snippets/css-mode/button @@ -0,0 +1,34 @@ +# -*- mode: snippet -*- +# name: Button Element +# key: button +# -- + +.button { + align-items: center; + appearance: none; + background: inherit; + border: 1px solid; + border-radius: 1.25rem; + box-sizing: border-box; + color: inherit; + display: inline-flex; + font-size: 0.75rem; + font-weight: 700; + letter-spacing: 0.025rem; + line-height: normal; + min-height: 2rem; + min-width: 2rem; + outline: none; + padding: 0.5rem 1rem; + text-transform: uppercase; + transition: all 0.2s ease-in-out; + user-select: none; + + &:not(:disabled) { + cursor: pointer; + } + + > svg { + color: inherit; + } +}