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

Add sass example

Browse Source
This commit is contained in:
Vitaly Rtishchev
2024-11-08 13:29:20 +04:00
parent 2dabfc6ca4
commit 8d8c25b729
7 changed files with 346 additions and 12 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
+10
View File
@@ -0,0 +1,10 @@
.title {
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
font-size: mantine.rem(100px);
font-weight: 900;
letter-spacing: mantine.rem(-2px);
@media (max-width: mantine.$mantine-breakpoint-md) {
font-size: mantine.rem(50px);
}
}
components/Welcome/Welcome.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import classes from './Welcome.module.scss';
import { Anchor, Text, Title } from '@mantine/core';
import classes from './Welcome.module.css';
export function Welcome() {
return (