gitmoji/src/components/Button/styles.module.css
Carlos Cuesta 9787678d01
♻️ Move styles to css-modules (#622)
* 🔧 Remove scss styling
* 🔧 Use absolute imports
* ♻️ Add global theme
* ♻️ Move Layout component to css-modules
* ♻️ Move Button component to css-modules
* ♻️ Move Icon component to css-modules
* ♻️ Move Layout component to _app
* ♻️ Move ContributorsList to css-modules
* ♻️ Move GitmojiList to css-modules
* 📝 Update CONTRIBUTING docs
* 🔧 Make prettier watch for css instead of scss files
*  Remove GitHub button from About page
2020-11-20 15:16:06 +01:00

25 lines
460 B
CSS

.button {
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-weight: 600;
margin: 0.25em 0;
padding: 0.75em 1em;
position: relative;
transition: none;
background-color: var(--secondary);
color: var(--textInSecondary);
box-shadow: 0 4px var(--secondaryShadow);
}
.button:hover {
top: 2px;
box-shadow: 0 2px var(--secondaryShadow);
animation: none;
}
.button:active {
box-shadow: 0 0 var(--secondary);
top: 4px;
}