BookStack Code Mirror - website/blob - sass/styles.scss

 1 @import "reset";
 2 @import "variables";
 3 @import "mixins";
 4 @import "html";
 5 @import "text";
 6 @import "grid";
 7 @import "blocks";
 8 @import "buttons";
 9 @import "animations";
 10 @import "header";
 11 @import "lists";
 12
 13 .md-margin-top {
 14   margin-top: $-xxl*1.6;
 15   @include smaller-than($screen-lg) {
 16     margin-top: $-m;
 17   }
 18 }
 19
 20 .screenshot-container {
 21   perspective: 1000px;
 22   perspective-origin: 50% 50%;
 23 }
 24 .screenshot {
 25   border-radius: 4px;
 26   display: inline-block;
 27   overflow: hidden;
 28   box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
 29   border: 1px solid #DDD;
 30   position: absolute;
 31   max-width: 100%;
 32   transform: rotateY(0);
 33   transition: all ease-in-out 200ms;
 34   &:hover {
 35     transform: rotateY(-20deg);
 36   }
 37   @include smaller-than($screen-lg) {
 38     position: relative;
 39     width: 80%;
 40     display: block;
 41     margin-bottom: $-l;
 42   }
 43 }
 44
 45 footer {
 46   padding-bottom: $-s;
 47 }
 48
 49
 50 h3 > i {
 51   color: $primary;
 52   vertical-align: top;
 53   padding-top: 8px;
 54   padding-right: $-s;
 55 }
 56
 57 p > i {
 58   vertical-align: top;
 59 }