diff options
author | Eric Bidelman | 2012-04-10 15:16:55 -0700 |
---|---|---|
committer | Eric Bidelman | 2012-04-10 15:16:55 -0700 |
commit | a43294ef655c97758b425bd7a0c1d005cdd83483 (patch) | |
tree | d1cde3df6c5009e63f14158b46112ba2cb5afa4b /theme/sass | |
parent | 10b9ae9cd661540c377b5e598cd1f38b7f79cc2d (diff) | |
download | io-slides-remote-a43294ef655c97758b425bd7a0c1d005cdd83483.tar.gz |
Code highlighting in place
Diffstat (limited to 'theme/sass')
-rw-r--r-- | theme/sass/default.scss | 72 |
1 files changed, 52 insertions, 20 deletions
diff --git a/theme/sass/default.scss b/theme/sass/default.scss index 222ac08..271015c 100644 --- a/theme/sass/default.scss +++ b/theme/sass/default.scss | |||
@@ -1,4 +1,5 @@ | |||
1 | @import "base"; | 1 | @import "base"; |
2 | @import "compass/css3/columns"; | ||
2 | @import "compass/css3/user-interface"; | 3 | @import "compass/css3/user-interface"; |
3 | 4 | ||
4 | $social-tags: '#io2012'; | 5 | $social-tags: '#io2012'; |
@@ -172,7 +173,6 @@ slides > slide { | |||
172 | display: none; | 173 | display: none; |
173 | font-family: 'Open Sans', Arial, sans-serif; | 174 | font-family: 'Open Sans', Arial, sans-serif; |
174 | color: $gray-3; | 175 | color: $gray-3; |
175 | |||
176 | @include background(linear-gradient(white, white 85%, $gray-1)); | 176 | @include background(linear-gradient(white, white 85%, $gray-1)); |
177 | 177 | ||
178 | $translateX: 1020px; | 178 | $translateX: 1020px; |
@@ -280,10 +280,6 @@ a { | |||
280 | padding-bottom: 2px; | 280 | padding-bottom: 2px; |
281 | border-bottom: 1px solid rgba(42, 124, 223, 0.5); | 281 | border-bottom: 1px solid rgba(42, 124, 223, 0.5); |
282 | 282 | ||
283 | /* &:visited { | ||
284 | color: rgba(0, 102, 204, 0.75); | ||
285 | }*/ | ||
286 | |||
287 | &:hover { | 283 | &:hover { |
288 | color: black !important; | 284 | color: black !important; |
289 | } | 285 | } |
@@ -311,6 +307,7 @@ h3 { | |||
311 | ul { | 307 | ul { |
312 | margin-left: 1.2em; | 308 | margin-left: 1.2em; |
313 | margin-bottom: 1em; | 309 | margin-bottom: 1em; |
310 | position: relative; | ||
314 | 311 | ||
315 | li { | 312 | li { |
316 | margin-bottom: 0.5em; | 313 | margin-bottom: 0.5em; |
@@ -339,6 +336,16 @@ ul { | |||
339 | } | 336 | } |
340 | } | 337 | } |
341 | 338 | ||
339 | .highlight-code { | ||
340 | pre > * { | ||
341 | opacity: 0.25; | ||
342 | @include transition(opacity 0.5s ease-in); | ||
343 | } | ||
344 | b { | ||
345 | opacity: 1; | ||
346 | } | ||
347 | } | ||
348 | |||
342 | pre { | 349 | pre { |
343 | font-family: 'Inconsolata', 'Courier New', monospace; | 350 | font-family: 'Inconsolata', 'Courier New', monospace; |
344 | font-size: 20px; | 351 | font-size: 20px; |
@@ -412,31 +419,56 @@ button:active { | |||
412 | } | 419 | } |
413 | 420 | ||
414 | .blue { | 421 | .blue { |
415 | color: rgb(0, 102, 204); | 422 | color: $brand-blue; |
423 | } | ||
424 | .blue2 { | ||
425 | color: $brand-blue-secondary; | ||
426 | } | ||
427 | .blue3 { | ||
428 | color: $brand-blue-secondary2; | ||
416 | } | 429 | } |
417 | .yellow { | 430 | .yellow { |
418 | color: rgb(255, 211, 25); | 431 | color: $brand-yellow; |
432 | } | ||
433 | .yellow2 { | ||
434 | color: $brand-yellow-secondary; | ||
435 | } | ||
436 | .yellow3 { | ||
437 | color: $brand-yellow-secondary2; | ||
419 | } | 438 | } |
420 | .green { | 439 | .green { |
421 | color: rgb(0, 138, 53); | 440 | color: $brand-green; |
441 | } | ||
442 | .green2 { | ||
443 | color: $brand-green-secondary; | ||
444 | } | ||
445 | .green3 { | ||
446 | color: $brand-green-secondary2; | ||
422 | } | 447 | } |
423 | .red { | 448 | .red { |
424 | color: rgb(255, 0, 0); | 449 | color: $brand-red; |
425 | } | 450 | } |
426 | .black { | 451 | .red2 { |
427 | color: black; | 452 | color: $brand-red-secondary; |
428 | } | 453 | } |
429 | .white { | 454 | .red3 { |
430 | color: white; | 455 | color: $brand-red-secondary2; |
431 | } | 456 | } |
432 | .dark { | 457 | .gray { |
433 | background-color: rgba(0, 0, 0, 0.2); | 458 | color: $gray-1; |
434 | color: white; | 459 | } |
460 | .gray2 { | ||
461 | color: $gray-2; | ||
462 | } | ||
463 | .gray3 { | ||
464 | color: $gray-3; | ||
465 | } | ||
466 | .gray4 { | ||
467 | color: $gray-4; | ||
435 | } | 468 | } |
436 | 469 | ||
437 | img.centered { | 470 | .columns-2 { |
438 | margin: 0 auto; | 471 | @include column-count(2); |
439 | display: block; | ||
440 | } | 472 | } |
441 | 473 | ||
442 | table { | 474 | table { |
@@ -578,7 +610,7 @@ article.smaller { | |||
578 | font-style: italic; | 610 | font-style: italic; |
579 | } | 611 | } |
580 | .prettyprint .lit { /* a literal value */ | 612 | .prettyprint .lit { /* a literal value */ |
581 | color: $brand-yellow-secondary2; //rgb(127, 0, 0); | 613 | color: rgb(127, 0, 0); |
582 | } | 614 | } |
583 | .prettyprint .pun, /* punctuation, lisp open bracket, lisp close bracket */ | 615 | .prettyprint .pun, /* punctuation, lisp open bracket, lisp close bracket */ |
584 | .prettyprint .opn, | 616 | .prettyprint .opn, |