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 diff --git a/tailwind.md b/tailwind.md new file mode 100644 index 0000000..85efd74 --- /dev/null +++ b/tailwind.md @@ -0,0 +1,57 @@ +--- +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; + +## 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 + + + + + + + + +