commit 8183f0df122a46efb741b27c5f09f9d480fea310 · rita.moe/tz

+1 -1

css/styles.css

···

       1
       1
       -
       body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}header svg{height:2rem;vertical-align:-0.3rem;width:2rem}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main form{line-height:2rem}main label{cursor:pointer}main button{cursor:pointer}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:.5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}main .share{display:none;margin-top:2rem;text-align:center}footer{color:gray;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}footer a{color:inherit}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background:#000}}/*# sourceMappingURL=styles.css.map */

     

       1
       1
       +
       body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background-color:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}header svg{height:1.7rem;vertical-align:-0.3rem;width:1.7rem}@media screen and (min-width: 500px){header svg{height:2rem;width:2rem}}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main form{line-height:2rem}main label{cursor:pointer}main button{cursor:pointer}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:.5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}main .share{display:none;margin-top:2rem;text-align:center}footer{color:#444;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}footer a{color:inherit}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background-color:#000}footer{color:#b5b5b5}}/*# sourceMappingURL=styles.css.map */

+1 -1

css/styles.css.map

···

       1
       1
       -
       {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,gBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAGF,WACE,YACA,uBACA,WAIJ,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAGF,WACE,eAGF,YACE,eAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAKN,YACE,aACA,gBACA,kBAIJ,OACE,WACA,gBACA,gBACA,aACA,kBAEA,SACE,cAIJ,+CACE,KACE,sBACA,WAGF,OACE","file":"styles.css"}
     

       1
       1
       +
       {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,sBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAGF,WACE,cACA,uBACA,aAEA,qCALF,WAMI,YACA,YAKN,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAGF,WACE,eAGF,YACE,eAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAKN,YACE,aACA,gBACA,kBAIJ,OACE,WACA,gBACA,gBACA,aACA,kBAEA,SACE,cAIJ,+CACE,KACE,sBACA,WAGF,OACE,sBAGF,OACE","file":"styles.css"}

+15 -6

css/styles.scss

···

       7
       7
        
       }

     

       8
       8
        
       

     

       9
       9
        
       header {

     

       10
       10
       -
         background: white;

     

       10
       10
       +
         background-color: #fff;

     

       11
       11
        
         border-radius: 10px;

     

       12
       12
        
         margin: 1rem 0.5rem 0;

     

       13
       13
        
         padding: 1rem 1.5rem;

     
···

       27
       27
        
         }

     

       28
       28
        
       

     

       29
       29
        
         svg {

     

       30
       30
       -
           height: 2rem;

     

       30
       30
       +
           height: 1.7rem;

     

       31
       31
        
           vertical-align: -0.3rem;

     

       32
       32
       -
           width: 2rem;

     

       32
       32
       +
           width: 1.7rem;

     

       33
       33
       +
       

     

       34
       34
       +
           @media screen and (min-width: 500px) {

     

       35
       35
       +
             height: 2rem;

     

       36
       36
       +
             width: 2rem;

     

       37
       37
       +
           }

     

       33
       38
        
         }

     

       34
       39
        
       }

     

       35
       40
        
       

     
···

       92
       97
        
       }

     

       93
       98
        
       

     

       94
       99
        
       footer {

     

       95
       95
       -
         color: gray;

     

       100
       100
       +
         color: #444;

     

       96
       101
        
         font-size: 0.7rem;

     

       97
       102
        
         margin-top: 1rem;

     

       98
       103
        
         padding: 1rem;

     
···

       110
       115
        
         }

     

       111
       116
        
       

     

       112
       117
        
         header {

     

       113
       113
       -
           background: #000;

     

       118
       118
       +
           background-color: #000;

     

       114
       119
        
         }

     

       115
       115
       -
       }
     

       120
       120
       +
       

     

       121
       121
       +
         footer {

     

       122
       122
       +
           color: #b5b5b5;

     

       123
       123
       +
         }

     

       124
       124
       +
       }

+1 -1

img/clock.svg

···

       1
       1
       -
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" x="0px" y="0px"><title>Clock</title><g data-name="07"><path fill="#fff" d="M20.51,29h-9A8.51,8.51,0,0,1,3,20.51v-9A8.51,8.51,0,0,1,11.51,3h9a8.51,8.51,0,0,1,8.5,8.5v9A8.51,8.51,0,0,1,20.51,29Zm-9-25A7.5,7.5,0,0,0,4,11.51v9a7.5,7.5,0,0,0,7.5,7.5h9a7.5,7.5,0,0,0,7.5-7.5v-9A7.5,7.5,0,0,0,20.51,4ZM21.69,21.54a1.48,1.48,0,0,0-.11-2.11L17,15.33V9.51a1.5,1.5,0,0,0-3,0V16a1.5,1.5,0,0,0,.5,1.12l5.07,4.54a1.46,1.46,0,0,0,1,.38A1.48,1.48,0,0,0,21.69,21.54Z"/></g></svg>
     

       1
       1
       +
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" x="0px" y="0px"><title>Clock</title><g data-name="07"><path fill="currentColor" d="M20.51,29h-9A8.51,8.51,0,0,1,3,20.51v-9A8.51,8.51,0,0,1,11.51,3h9a8.51,8.51,0,0,1,8.5,8.5v9A8.51,8.51,0,0,1,20.51,29Zm-9-25A7.5,7.5,0,0,0,4,11.51v9a7.5,7.5,0,0,0,7.5,7.5h9a7.5,7.5,0,0,0,7.5-7.5v-9A7.5,7.5,0,0,0,20.51,4ZM21.69,21.54a1.48,1.48,0,0,0-.11-2.11L17,15.33V9.51a1.5,1.5,0,0,0-3,0V16a1.5,1.5,0,0,0,.5,1.12l5.07,4.54a1.46,1.46,0,0,0,1,.38A1.48,1.48,0,0,0,21.69,21.54Z"/></g></svg>