Home → Suggestions →

Standard Styles for Code

• Edit

Brett

29 May, 2009 11:39 PM

Here's a quick suggestion regarding the default CSS you've defined for styling bits of code. It'd be nice to have multi-line code blocks defined with the same styles as inline code blocks. As it is, the inline code style has a dark background whereas the multi line pre code style doesn't. From a usability standpoint, it's nice to train users that these gray boxes all have code in them.

I'd suggest these modifications. A screenshot showing the impact of my suggested changes is attached as well. Thanks!

pre { background:#F1F1F1; border:1px solid #DDDDDD; padding:0 5px; margin: 0; }

pre code { background:#F1F1F1; }

• tender-ss-code-style.gif 19.8 KB

1. 1 Posted by Kyle Neath (Git... on 02 Jun, 2009 07:28 AM

   

   Thanks, went ahead and tweaked the styles, it should be live in a week or so when we deploy next.

   • Edit

2. Kyle Neath (GitHub Staff) closed this discussion on 02 Jun, 2009 07:28 AM.

3. Brett re-opened this discussion on 02 Jun, 2009 03:16 PM

4. 2 Posted by Brett on 02 Jun, 2009 03:16 PM

   

   Sweet. Thanks!

   -----Original Message-----
   From: Tender Support [mailto:[email blocked]]
   Sent: Tuesday, June 02, 2009 1:28 AM
   To: [email blocked]
   Subject: Re: Standard Styles for Code [Suggestions]

   • Edit