Alen Genzić TheEskhaton
TheEskhaton
/ BlazorTailwind.csproj
Created
November 29, 2020 19:09
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly"> | |
| <PropertyGroup> | |
| <TargetFramework>net5.0</TargetFramework> | |
| </PropertyGroup> | |
| <Target Name="BuildCssDev" Condition="'$(Configuration)' == 'Debug'" BeforeTargets="Build"> | |
| <Exec Command="npm run build-css-dev" /> | |
| </Target> | |
| <Target Name="BuildCssDev" Condition="'$(Configuration)' == 'Release'" BeforeTargets="Build"> | |
| <Exec Command="npm run build-css-prod" /> |
TheEskhaton
/ index.html
Created
November 29, 2020 19:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
| <title>Blazor Tailwind</title> | |
| <base href="/" /> | |
| <link href="css/tailwind/tailwind.min.css" rel="stylesheet" /> | |
| </head> |
TheEskhaton
/ package.json
Created
November 29, 2020 19:03
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "blazortailwind", | |
| "version": "1.0.0", | |
| "description": "", | |
| "main": "index", | |
| "dependencies": { | |
| "autoprefixer": "^10.0.2", | |
| "postcss": "^8.1.8", | |
| "postcss-cli": "^8.3.0", | |
| "tailwindcss": "^2.0.1" |
TheEskhaton
/ tailwind.css
Created
November 29, 2020 19:00
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; |
TheEskhaton
/ postcss.config.js
Created
November 29, 2020 18:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| plugins: [require("tailwindcss"), require("autoprefixer")], | |
| }; |
TheEskhaton
/ tailwind.config.js
Created
November 29, 2020 18:52
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| purge: { | |
| content: ["./Pages/**/*.razor", "./Shared/**/*.razor"], | |
| }, | |
| darkMode: false, // or 'media' or 'class' | |
| theme: { | |
| extend: {}, | |
| }, | |
| variants: { | |
| extend: {}, |
TheEskhaton
/ colormode.js
Created
October 12, 2020 18:27
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const { colorMode, toggleColorMode } = useColorMode(); |
TheEskhaton
/ _document.js
Created
October 12, 2020 18:24
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { ColorModeScript } from "@chakra-ui/core" | |
| import Document, { Head, Html, Main, NextScript } from 'next/document' | |
| class MyDocument extends Document { | |
| render() { | |
| return ( | |
| <Html> | |
| <Head /> | |
| <body> | |
| <ColorModeScript initialColorMode="light"></ColorModeScript> |
TheEskhaton
/ forgetnpassbtn.js
Created
October 12, 2020 18:21
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const signinButtonColor = useColorModeValue("brand.700", "brand.50"); | |
| <Button | |
| size="sm" | |
| fontSize="xs" | |
| bg="none" | |
| color={signinButtonColor} | |
| mt="2" | |
| onClick={() => setIsForgottenPasswordMode(true)} | |
| > |
TheEskhaton
/ _app.js
Created
October 12, 2020 18:15
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { ChakraProvider, theme } from "@chakra-ui/core"; | |
| import { merge } from "@chakra-ui/utils"; | |
| import Head from "next/head"; | |
| // 2. Extend the theme to include custom colors, fonts, etc. | |
| const stackpalTheme = merge(theme, { | |
| colors: { | |
| brand: { | |
| 50: "#d8ffff", | |
| 100: "#acffff", |
NewerOlder