next-app-boilerplate/styles/pages/home.scss
Walid 8d066ed42f
refactor: config with scss to tailwind (#42)
* fix: update deps and devDeps
* refactor(prettier): remove unwritten file names from formatter
* styles: remove stylelint & scss
* refactor: replace scss styles to tailwind
* feat: implement tailwind config
* refactor: update eslint config
* refactor(locales): replace autho's github url with repo itself
* refactor: change author's name license
* refactor(code): update code settings
* refactor: improve file components generators
* fix(code): add sharable config
* fix(linter): resolve bad parserConfig and linting itself
* refactor: bad imports
* refactor: update workflow with its scripts
2022-08-13 14:12:53 +01:00

43 lines
758 B
SCSS

@import 'mixins';
@import 'typographies';
.application {
@include display-flex(center, center, column);
min-height: 100vh;
max-width: 100vw;
background: linear-gradient(180deg, #775aaa, #393ecc);
.title {
@extend %typo-title;
}
.subtitle {
@extend %typo-subtitle;
}
:where(.title, .subtitle) {
font-style: italic;
}
.redirect-link {
@include display-flex(center, center, row);
@extend %typo-button;
text-decoration: none;
color: hsla(0deg 0% 0% / 100%);
background: hsla(0deg 100% 100% / 100%);
border-radius: 8px;
margin-top: 30px;
&:hover {
color: hsla(0deg 100% 100% / 100%);
background: hsla(0deg 0% 0% / 100%);
}
.text {
margin-left: 10px;
}
}
}