Ryan/next-app-template
Template
1
0
Fork 0
mirror of https://github.com/mantinedev/next-app-template.git synced 2026-07-24 17:02:48 +10:00
Code Issues Packages Projects Releases Wiki Activity

Add sass example

Browse Source
This commit is contained in:
Vitaly Rtishchev
2023-10-12 16:36:16 +04:00
parent a91fc46d4b
commit 2a3b76badf
7 changed files with 58 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Welcome/Welcome.module.css
-10
View File
@@ -1,10 +0,0 @@
.title {
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
font-size: rem(100px);
font-weight: 900;
letter-spacing: rem(-2px);
@media (max-width: $mantine-breakpoint-md) {
font-size: rem(50px);
}
}
components/Welcome/Welcome.module.scss
+18
View File
@@ -0,0 +1,18 @@
.title {
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
font-size: 100px;
font-weight: 900;
letter-spacing: -2px;
@include dark {
background-color: red;
}
@include light {
background-color: blue;
}
@media (max-width: $mantine-breakpoint-md) {
font-size: 50px;
}
}
components/Welcome/Welcome.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import { Title, Text, Anchor } from '@mantine/core';
import classes from './Welcome.module.css';
import classes from './Welcome.module.scss';
export function Welcome() {
return (