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

Anchor - <a> active, hover attributes missing #101

Open
gsalunke opened this issue Feb 5, 2022 · 1 comment
Open

Anchor - <a> active, hover attributes missing #101

gsalunke opened this issue Feb 5, 2022 · 1 comment
Labels
triaged Issues that have been added to some project (-no:project doesn't work)

Comments

@gsalunke
Copy link
Contributor

gsalunke commented Feb 5, 2022

achor-css-attributes

@amitu
Copy link
Contributor

amitu commented Feb 6, 2022

We will allow people to write:

-- ftd.text foo: some text
link: /
color if $LINK-ACTIVE: red
color if $VISITED: green

Etc. All style attributes can be conditional on these new variables. We will not allow non style attributes to use these variables, eg link if $VISITED: / is not allowed, it will be a compilation error.

For each component containing such attributes we will create a class. So eg for foo we will create:

.<doc-id>-foo:active {
     color: red;
}
.<doc-id>-foo:visited {
     color: green;
}

We will also allow them on elements:

-- ftd.text: 
link: /
color if $LINK-ACTIVE: red
color if $VISITED: green

For them we will auto create some ID and use that for CSS:

#<element-id>-foo:active {
     color: red;
}
#<element-id>-foo:visited {
     color: green;
}

@amitu amitu moved this to Todo in FPM/FTD Paper-cuts Feb 6, 2022
@amitu amitu closed this as completed Mar 5, 2022
Repository owner moved this from Todo to Done in FPM/FTD Paper-cuts Mar 5, 2022
@amitu amitu reopened this Mar 5, 2022
@amitu amitu added the triaged Issues that have been added to some project (-no:project doesn't work) label Mar 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triaged Issues that have been added to some project (-no:project doesn't work)
Development

No branches or pull requests

2 participants