last day (14 days later) » 

4:12 PM
9
Q: Scalable way to stack in CSS

Praveen KumarI hope everyone will have heard about Sticky Notes. I wanna stack stuff like that. So this is the approach I have till now. I am not sure how to make it scalable for any number of stickies, without using JavaScript. * { font-family: 'Segoe UI'; } .stickynote { position: absolute; ...

 
The close-voter can ask for more information, and I am happy to answer. I don't understand what's unclear in this!
 
Looks good to me the way it is? What are you trying to achieve? (I didn't vote for closure)
 
@g3mini What if I have 1000 sticky notes? How do you think the CSS should be? ;)
SCSS will screw up the output. You want me to code a recursive function @Novina? LoL.
 
I think it's safe to say that you should never show 1000 notes, maybe show 10 and hide the rest. But when you close one another joins the stack
 
Ha ha... I know, I am just saying for scalability buddy, @g3mini!
 
4:12 PM
I honestly don't get why you'd want to do that, but I think you should go with a uland a bunch of li's and put a little negative margin on them so they stack
 
Negative margin? Sure? @g3mini Oyee! How can that work?
 
Negative margin makes them move on top of each other to get that stacking effect, maybe add a little box-shadowto complete the effect
 
@g3mini Woah... Guess I can try that. Man, you are awesome!
 
Let me know if it works :) & thanks hahahaha
 
4:23 PM
Hi
I think you'll have to use some sort of preprocessor or Javascript to get it done man
 
Why you not using javascript?
 
Well. No JS, No Preprocessor. This is a challenge. CSS is so powerful. Why can't there be a way?
I have already tried nesting and positioning absolutely and all.
None is scalable!
Guys, I need to go out. Will be offline for an hour or so!
Thanks for your kind answers!!!
 

last day (14 days later) »