data-store.php

Basic data store utility -- unfinished
git clone git://git.finwo.net/lib/data-store.php
Log | Files | Refs

base.css (1421B)

      1 @import url('https://fonts.googleapis.com/css?family=Oswald|Roboto');
      2 
      3 /* base */
      4 * {
      5   -webkit-font-smoothing: subpixel-antialiased;
      6   box-sizing : border-box;
      7   line-height: 1em;
      8   margin     : 0;
      9   padding    : 0;
     10 }
     11 html {
     12   color      : #222;
     13   font-family: 'Roboto', sans-serif;
     14   font-size  : calc( 1rem + 0.1vw );
     15 }
     16 h1, h2, h3, h4, h5, h6 {
     17   font-family: 'Oswald', sans-serif;
     18   padding-top   : 1.00em;
     19   padding-bottom: 0.50em;
     20   margin-bottom : 0.25em;
     21 }
     22 h1 { font-size: 2.00rem; border-bottom: 1px solid #AAA; }
     23 h2 { font-size: 1.68rem; border-bottom: 1px solid #AAA; }
     24 h3 { font-size: 1.41rem; }
     25 h4 { font-size: 1.19rem; }
     26 h5 { font-size: 1.00rem; }
     27 h6 { font-size: 0.84rem; }
     28 .grid {
     29   display  : flex;
     30   flex-flow: row wrap;
     31   margin   : 0 auto;
     32 }
     33 .grid > * {
     34   flex-basis: 15rem;
     35   flex-grow : 1;
     36   margin    : 0.5rem;
     37 }
     38 .padded {
     39   padding: 0.5rem;
     40 }
     41 .padded > .title {
     42   margin-top : 0.5rem;
     43   padding-top: 0;
     44 }
     45 .shadow {
     46   box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.8);
     47 }
     48 a {
     49   color          : inherit;
     50   text-decoration: none;
     51 }
     52 .container {
     53   margin   : 0 auto;
     54   max-width: 50rem;
     55 }
     56 hr, p {
     57   margin-bottom: 0.50rem;
     58 }
     59 ol, ul {
     60   padding-left: 1.5em;
     61 }
     62 
     63 /* nav */
     64 nav {
     65   background: #5AF;
     66   color     : #FFF;
     67 }
     68 nav a {
     69   display: inline-block;
     70   padding: 0.5rem;
     71 }
     72 nav a:hover {
     73   background: #FFF;
     74   color     : #5AF;
     75 }
     76 .view,
     77 [data-source] {
     78   display: none;
     79 }
     80 .view:target {
     81   display: block;
     82 }