running-tools

A collection of tools for runners and their coaches
git clone https://git.ashermorgan.net/running-tools/
Log | Files | Refs | README

target-calculator.css (695B)

      1 /* container */
      2 .calculator {
      3   display: flex;
      4   flex-direction: column;
      5   align-items: center;
      6 }
      7 
      8 /* headings */
      9 h2 {
     10   font-size: 1.3em;
     11   margin-bottom: 0.2em;
     12 }
     13 h2:not(:first-child), summary h2 {
     14   margin-top: 0.5em;
     15 }
     16 
     17 /* calculator input */
     18 .input>* {
     19   margin-bottom: 5px;  /* adds space between wrapped lines */
     20 }
     21 
     22 /* collapsable sections */
     23 summary {
     24   text-align: center;
     25 }
     26 summary::marker {
     27   font-size: 1.3em;
     28 }
     29 summary h2 {
     30   display: inline-block;
     31 }
     32 details > * {
     33   margin-bottom: 5px;
     34 }
     35 
     36 /* calculator output */
     37 .output {
     38   min-width: 300px;
     39   max-width: 100%;
     40   overflow: auto;
     41 }
     42 @media only screen and (max-width: 500px) {
     43   .output {
     44     width: 100%;
     45     min-width: 0px;
     46   }
     47 }