ff-stream-web

git clone git://archive.git.mtrnord.blog/MTRNord/ff-stream-web.git
Log | Files | Refs | README | LICENSE

Layout.css (2993B)

      1 /**
      2  * React Starter Kit (https://www.reactstarterkit.com/)
      3  *
      4  * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
      5  *
      6  * This source code is licensed under the MIT license found in the
      7  * LICENSE.txt file in the root directory of this source tree.
      8  */
      9 
     10 @import '../variables.css';
     11 
     12 @global-import 'normalize.css' ;
     13 
     14 /*
     15  * Base styles
     16  * ========================================================================== */
     17 
     18 html {
     19   color: #222;
     20   font-weight: 100;
     21   font-size: 1em; /* ~16px; */
     22   font-family: var(--font-family-base);
     23   line-height: 1.375; /* ~22px */
     24 }
     25 
     26 a {
     27   color: #0074c2;
     28 }
     29 
     30 /*
     31  * Remove text-shadow in selection highlight:
     32  * https://twitter.com/miketaylr/status/12228805301
     33  *
     34  * These selection rule sets have to be separate.
     35  * Customize the background color to match your design.
     36  */
     37 
     38 ::-moz-selection {
     39   background: #b3d4fc;
     40   text-shadow: none;
     41 }
     42 
     43 ::selection {
     44   background: #b3d4fc;
     45   text-shadow: none;
     46 }
     47 
     48 /*
     49  * A better looking default horizontal rule
     50  */
     51 
     52 hr {
     53   display: block;
     54   height: 1px;
     55   border: 0;
     56   border-top: 1px solid #ccc;
     57   margin: 1em 0;
     58   padding: 0;
     59 }
     60 
     61 /*
     62  * Remove the gap between audio, canvas, iframes,
     63  * images, videos and the bottom of their containers:
     64  * https://github.com/h5bp/html5-boilerplate/issues/440
     65  */
     66 
     67 audio,
     68 canvas,
     69 iframe,
     70 img,
     71 svg,
     72 video {
     73   vertical-align: middle;
     74 }
     75 
     76 /*
     77  * Remove default fieldset styles.
     78  */
     79 
     80 fieldset {
     81   border: 0;
     82   margin: 0;
     83   padding: 0;
     84 }
     85 
     86 /*
     87  * Allow only vertical resizing of textareas.
     88  */
     89 
     90 textarea {
     91   resize: vertical;
     92 }
     93 
     94 /*
     95  * Browser upgrade prompt
     96  * ========================================================================== */
     97 
     98 :global(.browserupgrade) {
     99   margin: 0.2em 0;
    100   background: #ccc;
    101   color: #000;
    102   padding: 0.2em 0;
    103 }
    104 
    105 /*
    106  * Print styles
    107  * Inlined to avoid the additional HTTP request:
    108  * http://www.phpied.com/delay-loading-your-print-css/
    109  * ========================================================================== */
    110 
    111 @media print {
    112   *,
    113   *::before,
    114   *::after {
    115     background: transparent !important;
    116     color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    117     box-shadow: none !important;
    118     text-shadow: none !important;
    119   }
    120 
    121   a,
    122   a:visited {
    123     text-decoration: underline;
    124   }
    125 
    126   a[href]::after {
    127     content: ' (' attr(href) ')';
    128   }
    129 
    130   abbr[title]::after {
    131     content: ' (' attr(title) ')';
    132   }
    133 
    134   /*
    135    * Don't show links that are fragment identifiers,
    136    * or use the `javascript:` pseudo protocol
    137    */
    138 
    139   a[href^='#']::after,
    140   a[href^='javascript:']::after {
    141     content: '';
    142   }
    143 
    144   pre,
    145   blockquote {
    146     border: 1px solid #999;
    147     page-break-inside: avoid;
    148   }
    149 
    150   /*
    151    * Printing Tables:
    152    * http://css-discuss.incutio.com/wiki/Printing_Tables
    153    */
    154 
    155   thead {
    156     display: table-header-group;
    157   }
    158 
    159   tr,
    160   img {
    161     page-break-inside: avoid;
    162   }
    163 
    164   img {
    165     max-width: 100% !important;
    166   }
    167 
    168   p,
    169   h2,
    170   h3 {
    171     orphans: 3;
    172     widows: 3;
    173   }
    174 
    175   h2,
    176   h3 {
    177     page-break-after: avoid;
    178   }
    179 }