diff --git a/README.md b/README.md index dc9cca05ec73fdb3cbbc4ed84a6cf45b7065a825..623e039e1effac90865ff53f74880ec2efe98d84 100644 --- a/README.md +++ b/README.md @@ -1,40 +1,17 @@ # schdesign-web -[](https://travis-ci.org/simonyiszk/schdesign-web) +Website of schdesign. -Website of Schönherz Design Stúdió. +_netlify url needs replacement_ + +[](https://dev.schdesign.hu) +[](https://schdesign.hu) ## 🚀 Getting started -- Clone this project and install all the required dependencies using [`npm`][npm] +- Clone this project and install all the required dependencies using [`npm install`][npm] +- Install all the recommended extensions - Start a development server with `npm dev` +- Make sure to change to branch dev, because master is protected [npm]: https://nodejs.org/ - -### Deploy - -[](https://app.netlify.com/start/deploy?repository=https://github.com/simonyiszk/schdesign-web) - -## ✨ Developer experience - -### Automatic code formatting - -[Prettier][] is an opinionated code formatter aiming to provide codebase consistency when multiple developers work on the same project. The main reason behind adopting it is to [stop all the on-going debates over coding styles][]. - -[prettier]: https://prettier.io/ -[stop all the on-going debates over coding styles]: https://prettier.io/docs/en/why-prettier.html - -### Static type checking - -[TypeScript][] adds optional types to JavaScript, preventing several programming mistakes. For a quick guide about using React with it, please refer to the [React TypeScript Cheatsheet]. - -[typescript]: https://www.typescriptlang.org/ -[react typescript cheatsheet]: https://github.com/sw-yx/react-typescript-cheatsheet - -### Linting - -Linters are tools that analyze source code to flag programming errors, bugs, stylistic errors, and suspicious constructs. Source code is linted by [ESLint][], enforcing the [Airbnb JavaScript Style Guide][] through an overridable set of rules provided by [eslint-config-airbnb][]. - -[eslint]: https://eslint.org/ -[airbnb javascript style guide]: https://github.com/airbnb/javascript -[eslint-config-airbnb]: https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb diff --git a/src/style/globalStyles.css b/src/style/globalStyles.css index b53f591a3f70b5ac24feb3514b8a7d0449205ac9..56ae6ea3e37c0b952d00a3e86ce74ae0f1bb3792 100644 --- a/src/style/globalStyles.css +++ b/src/style/globalStyles.css @@ -5,6 +5,11 @@ @import 'tailwindcss/components.css'; @import 'tailwindcss/utilities.css'; -.btn-blue { - @apply bg-blue-500 text-white font-bold py-2 px-4 rounded no-underline whitespace-no-wrap; +@layer components { + .btn-blue { + @apply bg-blue-500 text-white font-bold py-2 px-4 rounded no-underline whitespace-no-wrap; + } + .btn-blue:hover { + @apply bg-blue-700; + } }