The tailwind.config.cjs file is added to the project. This file contains the configuration for Tailwind CSS. It specifies the content to be processed by Tailwind CSS, extends the default theme with customizations, and adds the 'manrope' font family to the sans font stack. Additionally, the ...
font-family: "Paytone One", "ZCOOL KuaiLe", sans-serif; font-family: "Paytone One", sans-serif, "LXGW WenKai TC", cursive; overflow: hidden; color: white; font-size: 22px; 2 changes: 1 addition & 1 deletion 2 tailwind.config.js Original file line numberDiff line numberDiff line...
p{font-family:Arial,Helvetica,sans-serif;} Copy font-size:Controls the size of the text (common units include pixels px, percentages %, and responsive units like em): CSS h1{font-size:36px;} Copy font-weight:Sets how bold or thin the text appears (normal, bold, lighter, numerical valu...
"@tailwindcss/cli": "^4.0.0-alpha.16", "tailwindcss": "^4.0.0-alpha.16" }, "name": "hugo-starter-tailwind-basic", "version": "0.1.0" } -- assets/css/styles.css -- @import "tailwindcss"; @theme { --font-family-display: "Satoshi", "sans-serif"; --breakpoint-3xl: 1920px...
/* Used in tailwind.config.js */ @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url('~/assets/fonts/InterVariable.V4.woff2') format('woff2'); } @font-face { font-family: InterVariable; font-style: italic; font-weight...
feat: select font family (#2) May 12, 2020 readme.md move text delete button to toolbar Oct 24, 2020 rollup.config.js package.json May 12, 2020 tailwind.config.js add resizer's size May 10, 2020 yarn.lock Support scaling images with fixed ratio ...
<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Team</a> <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Projects</a> <a href="#" class="text...
const { fontFamily } = require("tailwindcss/defaultTheme") /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["./src/**/*.{html,ts}"], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }...
1. Install the preferred [font](https://fontsource.org/fonts) - `npm install -save @fontsource/<font-name>` 2. Update the import at `pages/_app.js`- `import '@fontsource/<font-name>.css'` 3. Update the `fontfamily` property in the tailwind css config file ## Upgrade gu...
1 change: 1 addition & 0 deletions 1 tailwind.config.js Original file line numberDiff line numberDiff line change @@ -39,6 +39,7 @@ module.exports = { _show_title: "#e2e2e2", }, fontSize: { smm: "11px", xxs: "8px", }, }, 0 comments on commit 6efa1a8 Please sign ...