Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feat] change privacy-policy class style to tailwind inlines #512

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

mhsiungw
Copy link
Contributor

Types of changes

  • Refactoring

Description

  1. change class style to tailwind style
  2. add important: true in tailwind.config.js to make switching to tailwind css convention easier
    (see Define Style coding convention #396)
  3. remove unused var with placeholder to avoid ambiguity

Related Issue

#499

Additional context

This PR is a prove of concept as discussed in #511.

@mhsiungw mhsiungw added the enhancement New feature or request label Apr 14, 2024
Copy link

netlify bot commented Apr 14, 2024

Deploy Preview for ephemeral-sable-89c7e0 ready!

Name Link
🔨 Latest commit 48433fc
🔍 Latest deploy log https://app.netlify.com/sites/ephemeral-sable-89c7e0/deploys/661b4f5ee5f8bc00088b9eb4
😎 Deploy Preview https://deploy-preview-512--ephemeral-sable-89c7e0.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@mhsiungw mhsiungw changed the title change class style to tailwind inlines [feat] change privacy-policy class style to tailwind inlines Apr 14, 2024
Copy link
Collaborator

@SivanYeh SivanYeh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome works! And it fits well at my local.
However "important" this part is new to me. Let me see if someone more experienced than me can check.

Copy link
Collaborator

@josix josix left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@@ -4,6 +4,7 @@ module.exports = {
mode: 'jit',
purge: [],
darkMode: false, // or 'media' or 'class'
important: true,
Copy link
Collaborator

@baby230211 baby230211 Apr 17, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Due to this config may affected all site of css, we cannot guarantee that all page is correct.

I don't think it's a good idea to add important in every tailwind generated css.

If we're going to migrate scss to tailwind, then maybe we should have a migration plan or review the new code and refactor to tailwind in every new PRs of new code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants