Hey! Saw your post on Reddit and really like this project.

While scrolling through the demo page, I immediately got an idea that could be a nice addition. Currently, when there are multiple elements of the same type next to each other, the "hand-drawn" illusion kind of disappears, because their squiggly outlines look exactly the same.

I didn't take a look at the source code yet but maybe something like this could achieve what I'm talking about:

.outline:nth-of-type(4n) {
	/* style for squiggly line */
}

.outline:nth-of-type(4n+1) {
	/* style for slightly different squiggly line */
}

/*
	and so on...
*/

Awesome work though! Keep it up!

when focused, there are some lines outside, i think outline: none can fix this？

Some of the intended css is overwritten in iOS.

Hope this is the right place for this. Love your work!

Very nice. What is the license for this?

saw on iphone 12, I can test and submit a fix. but if it can't be fixed it can possibly fallback to default

Would it perhaps be a possible to add this to the doodle.css?
It'd be as simple as:

.doodle h1 {
  font-family: 'Short Stack', cursive;
  color: #3c3c3c;
}

thanks in advance! ⚡

Hi. I maintain a list of CSS frameworks and there is a PR to add DoodleCSS.

While checking out your project, I noticed that the focus styling is a little lacking on some elements.

• Text inputs have an additional border around the doodle border. It might make sense to think about combining them into a single border. The doodle border could be blue, for example.

• Some elements like radio buttons and checkboxes do not have a focus styling at all.

Also note that empty paragraphs (e.g. within the fieldset) are not a good way to add vertical spacing.

Hey - I was trying to figure out how to add this style to a Gravity Form in Wordpress. I've added the CSS style to the custom CSS, loaded the font through the theme font manager, and have added the class name to the form. Thanks!

Hey, guys, thanks� for you created this creative project, It's incredible, I used it in my blog in my and so many side projects.

I love it, But as I use it, I have my own ideas and requirements, such as I prefer white background, I created a modal component, so I had got to override it. so I hope to do a secondary development based on it and release it, would like your permission

So their labels can be clickable.