Comments (2)
Are CSS classes specific to an element tag okay to support this? Similar to:
i.pronouns.she-her { color: #ff1493; }
The implementation would simply be something like:
<p>We currently support color coded pronouns, for example: <i class="pronouns she-her">she/her</i></p>
This would result in an appearance like:
It can be simplified by removing the pronouns
class, but I recommend leaving that in for maintenance/upgrading purposes, just-in-case you'd like to do something similar to the following at a later date:
from pronoun.is.
I'm trying to test an implementation sometime between this afternoon and tomorrow evening. I'll post updates here, but to summarize, currently the CSS class is driven by the pronoun table, and all pronouns currently have their color set to default
to allow each pronoun's color to be determined over time:
.pronouns.she.her.her.hers.herself { color: default; }
I also included an empty class definition for the base pronouns
:
.pronouns { /* TODO: Perhaps add badge like styling? */ }
With this, is the current spacing in the table important? I know it makes it look pretty when viewing, but from a functional aspect, does the spacing serve any purpose? For example:
she her her hers herself
vs.
she her her hers herself
The latter example helps to simplify the implementation so that others can understand it more readily, but, I'm not opposed to leaving it the way it currently is, if that's a requirement.
from pronoun.is.
Related Issues (20)
- Add bun pronouns
- Add em pronouns
- Second singular person problem HOT 4
- Reflexive Elverson pronoun should be “emself”
- Requesting // followed by any amount of slashes displays she pronouns HOT 1
- Add Shey/Sher
- pronoun.are? HOT 6
- Documentation missing for multiple pronouns HOT 5
- Change the page background color to something more gender-neutral HOT 3
- Multiple Language HOT 2
- Kihee/kihis pronouns HOT 1
- Multiple pronouns don't work correctly with ellipses
- Emacs
- They/Them is in the pronoun table twice. HOT 4
- Add ve/vir pronouns
- Néhiyaw Pronouns
- Ad: Id/Ego/SuperEgo
- website seems to be down HOT 23
- I did a thing: reimplemented pronoun.is in svelte HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pronoun.is.