Modifier some css identifier

[eerison]

Description

• Added .post class
• Moved #back-button to main div

Types of changes

• Others (any other types not listed above)

Further comments

I am adding post post class just to easier identifier post div

[eerison]

Hey @satnaing
is it ok to add post class here, just to easier identify post div?

[satnaing]

Again, why do we need this?

[eerison]

because I would like to use

@utility max-w-app {
  @apply max-w-full;
}

but for post and back-button, do like this

.post,
#back-button {
  @apply max-w-3xl;
}

and I did not see other way to make this work :/

any suggestion?

edit: without make custom changes in .astro files 👀

[satnaing]

Why tho?
This might not be a good idea as we're targeting back-button button component in the script.

[satnaing]

Again, why do we need this?

[eerison]

I don't know if it is a good approach.

but I could override the css importing a custom css with

@import "tailwindcss";

#main-content {
  @apply max-w-3xl;
}

div:has(#back-button) {
    @apply max-w-3xl;
}

I guess it won't bring many conflicts for future updates :)