quotes

My favourite quotes. (gatsbyjs)
git clone http://git.hanabi.in/repos/quotes.git
Log | Files | Refs | README | LICENSE

code-highlight.css (3638B)

      1 code[class*='language-'],
      2 pre[class*='language-'] {
      3   color: white;
      4   background: none;
      5   font-family: Menlo, Monaco, source-code-pro, Courier New, monospace;
      6   font-feature-settings: normal;
      7   text-align: left;
      8   white-space: pre;
      9   word-spacing: normal;
     10   word-break: normal;
     11   word-wrap: normal;
     12   line-height: 1.5;
     13   margin-bottom: 0;
     14 
     15   -moz-tab-size: 4;
     16   -o-tab-size: 4;
     17   tab-size: 4;
     18 
     19   -webkit-hyphens: none;
     20   -moz-hyphens: none;
     21   -ms-hyphens: none;
     22   hyphens: none;
     23 }
     24 
     25 /* Code blocks */
     26 pre[class*='language-'] {
     27   overflow: auto;
     28   padding: 1.3125rem;
     29 }
     30 
     31 pre[class*='language-']::-moz-selection {
     32   /* Firefox */
     33   background: hsl(207, 4%, 16%);
     34 }
     35 
     36 pre[class*='language-']::selection {
     37   /* Safari */
     38   background: hsl(207, 4%, 16%);
     39 }
     40 
     41 /* Text Selection colour */
     42 pre[class*='language-']::-moz-selection,
     43 pre[class*='language-'] ::-moz-selection {
     44   text-shadow: none;
     45   background: hsla(0, 0%, 100%, 0.15);
     46 }
     47 
     48 pre[class*='language-']::selection,
     49 pre[class*='language-'] ::selection {
     50   text-shadow: none;
     51   background: hsla(0, 0%, 100%, 0.15);
     52 }
     53 
     54 /* Inline code */
     55 :not(pre) > code[class*='language-'] {
     56   border-radius: 0.3em;
     57   background: var(--inlineCode-bg);
     58   color: var(--inlineCode-text);
     59   padding: 0.15em 0.2em 0.05em;
     60   white-space: normal;
     61 }
     62 
     63 .token.attr-name {
     64   color: rgb(173, 219, 103);
     65   font-style: italic;
     66 }
     67 
     68 .token.comment {
     69   color: rgb(128, 147, 147);
     70 }
     71 
     72 .token.string,
     73 .token.url {
     74   color: rgb(173, 219, 103);
     75 }
     76 
     77 .token.variable {
     78   color: rgb(214, 222, 235);
     79 }
     80 
     81 .token.number {
     82   color: rgb(247, 140, 108);
     83 }
     84 
     85 .token.builtin,
     86 .token.char,
     87 .token.constant,
     88 .token.function {
     89   color: rgb(130, 170, 255);
     90 }
     91 
     92 .token.punctuation {
     93   color: rgb(199, 146, 234);
     94 }
     95 
     96 .token.selector,
     97 .token.doctype {
     98   color: rgb(199, 146, 234);
     99   font-style: 'italic';
    100 }
    101 
    102 .token.class-name {
    103   color: rgb(255, 203, 139);
    104 }
    105 
    106 .token.tag,
    107 .token.operator,
    108 .token.keyword {
    109   color: #ffa7c4;
    110 }
    111 
    112 .token.boolean {
    113   color: rgb(255, 88, 116);
    114 }
    115 
    116 .token.property {
    117   color: rgb(128, 203, 196);
    118 }
    119 
    120 .token.namespace {
    121   color: rgb(178, 204, 214);
    122 }
    123 
    124 pre[data-line] {
    125   padding: 1em 0 1em 3em;
    126   position: relative;
    127 }
    128 
    129 .gatsby-highlight-code-line {
    130   background-color: hsla(207, 95%, 15%, 1);
    131   display: block;
    132   margin-right: -1.3125rem;
    133   margin-left: -1.3125rem;
    134   padding-right: 1em;
    135   padding-left: 1.25em;
    136   border-left: 0.25em solid #ffa7c4;
    137 }
    138 
    139 .gatsby-highlight {
    140   margin-bottom: 1.75rem;
    141   margin-left: -1.3125rem;
    142   margin-right: -1.3125rem;
    143   border-radius: 10px;
    144   background: #011627;
    145   -webkit-overflow-scrolling: touch;
    146   overflow: auto;
    147 }
    148 
    149 @media (max-width: 672px) {
    150   .gatsby-highlight {
    151     border-radius: 0;
    152   }
    153 }
    154 
    155 .gatsby-highlight pre[class*='language-'] {
    156   float: left;
    157   min-width: 100%;
    158 }
    159 
    160 .command-line-prompt {
    161   border-right: 1px solid #999;
    162   display: block;
    163   float: left;
    164   font-size: 100%;
    165   letter-spacing: -1px;
    166   margin-right: 1em;
    167   pointer-events: none;
    168 
    169   -webkit-user-select: none;
    170   -moz-user-select: none;
    171   -ms-user-select: none;
    172   user-select: none;
    173 }
    174 
    175 .command-line-prompt > span:before {
    176   color: #999;
    177   content: ' ';
    178   display: block;
    179   padding-right: 0.8em;
    180 }
    181 
    182 .command-line-prompt > span[data-user]:before {
    183   color: #44c5cb;
    184   content: attr(data-user) '@' attr(data-host) ' λ';
    185 }
    186 
    187 .command-line-prompt > span[data-user='root']:before {
    188   content: '[' attr(data-user) '@' attr(data-host) '] #';
    189 }
    190 
    191 .command-line-prompt > span[data-prompt]:before {
    192   content: attr(data-prompt);
    193 }
    194 /* .gatsby-highlight {
    195   margin: 0.5em 0;
    196   padding: 1em;
    197   overflow: auto;
    198 }
    199 
    200 .gatsby-highlight pre[class*='language-'].line-numbers {
    201   padding: 0;
    202   padding-left: 2.8em;
    203   overflow: initial;
    204 } */