diff options
Diffstat (limited to 'theme/sass/default.scss')
-rw-r--r-- | theme/sass/default.scss | 73 |
1 files changed, 31 insertions, 42 deletions
diff --git a/theme/sass/default.scss b/theme/sass/default.scss index 73f6723..912af01 100644 --- a/theme/sass/default.scss +++ b/theme/sass/default.scss | |||
@@ -177,12 +177,8 @@ slides > slide { | |||
177 | background: $gray-4; | 177 | background: $gray-4; |
178 | } | 178 | } |
179 | 179 | ||
180 | hgroup + article { | 180 | > hgroup + article { |
181 | margin-top: 1.5em; | 181 | margin-top: 1.5em; |
182 | } | ||
183 | |||
184 | > article { | ||
185 | margin-top: 2em; | ||
186 | 182 | ||
187 | p { | 183 | p { |
188 | margin-bottom: 1em; | 184 | margin-bottom: 1em; |
@@ -411,40 +407,18 @@ th { | |||
411 | } | 407 | } |
412 | 408 | ||
413 | q { | 409 | q { |
414 | display: block; | 410 | font-size: 45px; |
415 | font-size: 60px; | ||
416 | line-height: 72px; | 411 | line-height: 72px; |
417 | margin-left: 20px; | ||
418 | margin-top: 100px; | ||
419 | 412 | ||
420 | &:before { | 413 | &:before { |
421 | content: 'âœ'; | 414 | content: ''; |
422 | position: absolute; | 415 | position: absolute; |
423 | display: inline-block; | 416 | margin-left: -0.5em; |
424 | margin-left: -2.1em; | ||
425 | width: 2em; | ||
426 | text-align: right; | ||
427 | font-size: 90px; | ||
428 | color: rgb(192, 192, 192); | ||
429 | } | 417 | } |
430 | &:after { | 418 | &:after { |
431 | content: 'â'; | 419 | content: ''; |
432 | position: absolute; | 420 | position: absolute; |
433 | margin-left: .1em; | 421 | margin-left: 0.1em; |
434 | font-size: 90px; | ||
435 | color: rgb(192, 192, 192); | ||
436 | } | ||
437 | } | ||
438 | |||
439 | div.author { | ||
440 | text-align: right; | ||
441 | font-size: 40px; | ||
442 | |||
443 | margin-top: 20px; | ||
444 | margin-right: 150px; | ||
445 | |||
446 | &:before { | ||
447 | content: '—'; | ||
448 | } | 422 | } |
449 | } | 423 | } |
450 | 424 | ||
@@ -627,6 +601,8 @@ input, button { | |||
627 | } | 601 | } |
628 | 602 | ||
629 | .segue { | 603 | .segue { |
604 | padding: $slide-left-right-padding $slide-left-right-padding * 2; | ||
605 | |||
630 | h2 { | 606 | h2 { |
631 | color: $gray-1; | 607 | color: $gray-1; |
632 | font-size: 60px; | 608 | font-size: 60px; |
@@ -635,6 +611,13 @@ input, button { | |||
635 | color: $gray-1; | 611 | color: $gray-1; |
636 | line-height: 2.8; | 612 | line-height: 2.8; |
637 | } | 613 | } |
614 | aside { | ||
615 | width: 215px !important; | ||
616 | } | ||
617 | hgroup { | ||
618 | position: absolute; | ||
619 | bottom: 150px; | ||
620 | } | ||
638 | } | 621 | } |
639 | 622 | ||
640 | .thank-you-slide { | 623 | .thank-you-slide { |
@@ -646,7 +629,7 @@ input, button { | |||
646 | color: inherit; | 629 | color: inherit; |
647 | } | 630 | } |
648 | 631 | ||
649 | section > p { | 632 | article > p { |
650 | margin-top: 2em; | 633 | margin-top: 2em; |
651 | font-size: 20pt; | 634 | font-size: 20pt; |
652 | } | 635 | } |
@@ -675,7 +658,7 @@ aside.gdbar { | |||
675 | right: 0; | 658 | right: 0; |
676 | left: -moz-initial; | 659 | left: -moz-initial; |
677 | left: initial; | 660 | left: initial; |
678 | top: ($slide-height / 2) - 96 + 10; /* 96 is height of gray icon bar */ | 661 | top: ($slide-height / 2) - 96; /* 96 is height of gray icon bar */ |
679 | @include transform(rotateZ(180deg)); | 662 | @include transform(rotateZ(180deg)); |
680 | 663 | ||
681 | img { | 664 | img { |
@@ -683,21 +666,24 @@ aside.gdbar { | |||
683 | } | 666 | } |
684 | } | 667 | } |
685 | 668 | ||
669 | &.bottom { | ||
670 | left: -moz-initial; | ||
671 | top: initial; | ||
672 | bottom: $slide-left-right-padding; | ||
673 | } | ||
674 | |||
686 | img { | 675 | img { |
687 | width: 85px; | 676 | width: 85px; |
688 | height: 85px; | 677 | height: 85px; |
689 | position: absolute; | 678 | position: absolute; |
690 | right: 0; | 679 | right: 0; |
691 | margin: 8px 12px; | 680 | margin: 8px 15px; |
692 | } | 681 | } |
693 | } | 682 | } |
694 | 683 | ||
695 | .title-slide { | 684 | .title-slide { |
696 | 685 | ||
697 | hgroup { | 686 | hgroup { |
698 | position: absolute; | ||
699 | bottom: 150px; | ||
700 | |||
701 | h1 { | 687 | h1 { |
702 | font-size: 65px; | 688 | font-size: 65px; |
703 | line-height: 1.4; | 689 | line-height: 1.4; |
@@ -720,10 +706,13 @@ aside.gdbar { | |||
720 | } | 706 | } |
721 | } | 707 | } |
722 | 708 | ||
723 | .thank-you-slide, .segue { | 709 | .quote { |
724 | padding: $slide-left-right-padding $slide-left-right-padding * 2; | 710 | color: $gray-1; |
725 | 711 | ||
726 | aside { | 712 | .author { |
727 | width: 215px; | 713 | font-size: 24px; |
714 | position: absolute; | ||
715 | bottom: 80px; | ||
716 | line-height: 1.4; | ||
728 | } | 717 | } |
729 | } | 718 | } |