Skip to content

Instantly share code, notes, and snippets.

@pjaspers
Created June 11, 2015 22:41
Show Gist options
  • Save pjaspers/accff59f5cd5a8f8023e to your computer and use it in GitHub Desktop.
Save pjaspers/accff59f5cd5a8f8023e to your computer and use it in GitHub Desktop.
<div id="sha-stamp" class="sha-stamp">
<span class="sha-stamp__what-do-I-call-this?">
<small class="sha-stamp__content">#{content}</small>
</span>
</div>
@bramus
Copy link

bramus commented Jun 12, 2015

.sha-stamp
.sha-stamp__contentwrapper
.sha-stamp__content

@IbeVanmeenen
Copy link

AND WHAT ABOUT THAT Z-INDEX BRO? :)

@pjaspers
Copy link
Author

IT'S THE HIGHEST Z INDEX YOU CAN GET!

@pjaspers
Copy link
Author

@IbeVanmeenen the div because that feels less hacky, you might be right about the span being superfluos. Thanks

@pjaspers
Copy link
Author

@bramus that actually makes sense. Thanks

@chrisrowe
Copy link

@pjaspers About that ID, just include the user CSS after yours, it'll still overwrite without requiring the ID?

@pjaspers
Copy link
Author

@chrisrowe yes, but that will be hard to do, I'm "injecting" this html into a running app. So basically replacing </ body> with a <style> block and the html on each request.

I want whoever is running the app (and is using my little tool) to add snippets to her css (which is probably defined in <head>) that can override my style block which is defined at the end of the file.

@chrisrowe
Copy link

Figured there would be an odd use case

@pjaspers
Copy link
Author

@IbeVanmeenen more on the ridiculous high z number: pjaspers/shack@4a87296

@IbeVanmeenen
Copy link

@pjaspers awesome :).
Also: "the div because that feels less hacky". Don't really get that :)

@pjaspers
Copy link
Author

I meant, since I'm injecting my html into a running app, it feels less wrong to inject a div. That way I'm always sure I'm containing my hackery into a single div. Probably just semantic nitpicking.

What's that you say? "But Piet, if you're so semantically inclined, what's up with the <small>, isn't that conflicting style and markup?"

Well, you've got me there.

You sir, are a gentleman and a scholar.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment