aboutsummaryrefslogtreecommitdiff
path: root/theme/sass
diff options
context:
space:
mode:
authorEric Bidelman2012-04-10 15:16:55 -0700
committerEric Bidelman2012-04-10 15:16:55 -0700
commita43294ef655c97758b425bd7a0c1d005cdd83483 (patch)
treed1cde3df6c5009e63f14158b46112ba2cb5afa4b /theme/sass
parent10b9ae9cd661540c377b5e598cd1f38b7f79cc2d (diff)
downloadio-slides-remote-a43294ef655c97758b425bd7a0c1d005cdd83483.tar.gz
Code highlighting in place
Diffstat (limited to 'theme/sass')
-rw-r--r--theme/sass/default.scss72
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 {
311ul { 307ul {
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
342pre { 349pre {
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
437img.centered { 470.columns-2 {
438 margin: 0 auto; 471 @include column-count(2);
439 display: block;
440} 472}
441 473
442table { 474table {
@@ -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,