From e090e2ba35439309fa0bed5de11449037a10b9fb Mon Sep 17 00:00:00 2001 From: Paras-5 Date: Sat, 8 Oct 2022 13:31:19 +0530 Subject: [PATCH 1/3] Paras Agarwal --- tailwind.md | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 tailwind.md diff --git a/tailwind.md b/tailwind.md new file mode 100644 index 0000000..998be22 --- /dev/null +++ b/tailwind.md @@ -0,0 +1,34 @@ +--- +title: tailwind css +description: Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.Helpful in making responsive . +created: 2017-11-01 +updated: 2017-11-01 +--- + +## Install Tailwind CSS + Install tailwindcss via npm, and create your tailwind.config.js file. + +-->npm install -D tailwindcss +-->npx tailwindcss init + +## Configure your template paths + Add the paths to all of your template files in your tailwind.config.js file. + + /** @type {import('tailwindcss').Config}*/ + module.exports = { + content: ["./src/**/*.{html,js}"], + theme: { + extend: {}, + }, + plugins: [], + } + +## Add the Tailwind directives to your CSS + Add the @tailwind directives for each of Tailwind’s layers to your main CSS file. + + + @tailwind base; + @tailwind components; + @tailwind utilities; + + From 649236b761448d8b331ff8096a1bf217329a5d75 Mon Sep 17 00:00:00 2001 From: Paras-5 Date: Sat, 8 Oct 2022 13:59:12 +0530 Subject: [PATCH 2/3] More Content added --- tailwind.md | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/tailwind.md b/tailwind.md index 998be22..85efd74 100644 --- a/tailwind.md +++ b/tailwind.md @@ -31,4 +31,27 @@ updated: 2017-11-01 @tailwind components; @tailwind utilities; - +## Start the Tailwind CLI build process + Run the CLI tool to scan your template files for classes and build your CSS. + + npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch + + +## Start using Tailwind in your HTML + Add your compiled CSS file to the and start using Tailwind’s utility classes to style your content. + + +--> example + + + + + + + + +

+ Hello world! +

+ + \ No newline at end of file From 228a39ef38330236efb40e3f26a83a28015f815a Mon Sep 17 00:00:00 2001 From: Paras-5 Date: Sun, 9 Oct 2022 20:07:08 +0530 Subject: [PATCH 3/3] markdown Fixed --- go.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/go.md b/go.md index 3b2279f..ead5f56 100644 --- a/go.md +++ b/go.md @@ -297,7 +297,7 @@ Generics allow you to declare and use functions or types that are written to wor ```go //For a function, you can declare the types you want to work with by the following template: -//func Signature[MyTypes type1 | type2 | type3...] (value MyTypes) { +//func Signature[MyTypes type1 | type2 | type3...](value MyTypes) { } ``` ### Example