SHARE
TWEET

Untitled

a guest Mar 23rd, 2013 55 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // extra bit of JS on top of pretty print
  2. code = $('pre')
  3. code.wrapInner('<code/>')
  4. code.find('code').addClass('prettyprint linenums')
  5. prettyPrint()
  6.  
  7. // sass
  8. $baseColour: #1d1f21;
  9.  
  10. pre {
  11.   width: 670px;
  12.   padding: 0 0 0 30px;
  13.   margin: 20px 0 20px 0;
  14.   background: darken($baseColour, 5%);
  15.   border-radius: 3px;
  16.   overflow: hidden;
  17.  
  18.   @include single-box-shadow(white, 0, 1px, 0);
  19.   @include transition-property(width);
  20.   @include transition-duration(0.5s);
  21.   @include transition-timing-function(ease-out);
  22.  
  23.   &:hover {
  24.     width: 910px;
  25.   }
  26. }
  27.  
  28. ol.linenums {
  29.   padding: 0;
  30.   color: lighten($baseColour, 30%);
  31.   list-style: none;
  32.   counter-reset: section;
  33.   @include single-text-shadow(rgba(0,0,0,0.3), 0, 1px, 0);
  34.  
  35.   li {
  36.     counter-increment: section;
  37.     padding-left: 10px;
  38.     background: $baseColour;
  39.     position: relative;
  40.  
  41.     &:before {
  42.       width: 30px;
  43.       height: 26px;
  44.       line-height: 26px;
  45.       font-size: 11px;
  46.       content: counter(section);
  47.       display: block;
  48.       position: absolute;
  49.       z-index: 1;
  50.       top: 0;
  51.       left: -30px;
  52.       text-align: center;
  53.     }
  54.  
  55.     &:hover {
  56.       background: lighten($baseColour, 5%);
  57.     }
  58.   }
  59. }
  60.  
  61. code {
  62.   width: 100%;
  63.   padding: 7px 0 7px 0;
  64.   margin: 0;
  65.   display: block;
  66.   font-family: 'Inconsolata', 'Courier';
  67.   background: $baseColour;
  68.   border-left: solid 1px lighten($baseColour, 5%);
  69.   border-radius: 3px;
  70.  
  71.   &:hover {
  72.     // width: 930px;
  73.   }
  74. }
  75.  
  76. li.L1,
  77. li.L3,
  78. li.L5,
  79. li.L7,
  80. li.L9 { background: transparent; }
  81.  
  82. .pun {
  83.   color: #c5c8c6;
  84. }
  85.  
  86. .pln, span.tag, .atn {
  87.   color: #cc6253;
  88. }
  89.  
  90. .lit {
  91.   color: #d39461;
  92. }
  93.  
  94. .com {
  95.   color: #89beb7;
  96. }
  97.  
  98. .kwd {
  99.   color: #b393b9;
  100. }
  101.  
  102. .str, .atv {
  103.   color: #b4be6d;
  104. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top