123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- // Header Overrides
- h1, h2, h3, h4, h5, h6 {
- margin-top: 2rem;
- font-family: $title-font-family;
- color: darken($body-font-color, 10%);
- }
- h1, .h1 {
- font-size: 3rem;
- }
- h2, .h2 {
- font-size: 1.8rem;
- }
- h6, .h6 {
- font-weight: 400;
- }
- .title-center {
- h1, h2 {
- text-align: center;
- }
- }
- .title-h1h2 {
- h1 {
- font-weight: 100;
- strong, bold {
- font-weight: 400;
- }
- }
- }
- // Typography Hints
- .title-h1h2, .title-center {
- h1 + h2 {
- margin-top: -35px;
- margin-bottom: 50px;
- font-weight: 700;
- }
- }
- a:focus {
- outline: none !important;
- box-shadow: none !important;
- }
- img {
- max-width: 100%;
- }
- // Codeblocks
- pre code, pre.xdebug-var-dump{
- background: #fafafa;
- display: block;
- padding: 1rem !important;
- line-height: 1.5;
- color: inherit;
- border-radius: 2px;
- overflow-x: auto;
- }
- pre {
- code:not(.hljs) {
- background: #f8f8f8;
- }
- }
- // Icon Tweaks
- i.fa {
- &.fa-heart, &.fa-heart-o {
- &.pulse {
- color: #920
- }
- }
- }
- // Font Weights
- b,
- strong {
- font-weight: 700;
- }
- .heavy {
- font-weight: 700;
- }
- .light {
- font-weight: 200;
- }
- // Colors
- .text-light {
- color: rgba($light-color, 0.8);
- h1, h2, h3, h4, h5, h6 {
- color: rgba($light-color, 0.9);
- }
- }
- // Error configuration
- #error {
- text-align: center;
- position: relative;
- margin-top: 5rem;
- .icon {
- font-size: 50px;
- }
- }
- // Messages
- #messages {
- margin-bottom: 1rem;
- .icon {
- font-size: 120%;
- }
- }
- // Notices
- .notices {
- margin: 1.5rem 0;
- p {
- margin: 1rem 0;
- }
- }
|