imagine

a simple image editor
git clone git://source.orangerot.dev:/university/imagine.git
Log | Files | Refs | README | LICENSE

style.css (763B)


      1 html {
      2   scroll-behavior: smooth;
      3 }
      4 
      5 body {
      6   margin: 0px;
      7   padding-top: 100dvh;
      8 }
      9 
     10 canvas,
     11 video {
     12   max-width: 100%;
     13   max-height: 100%;
     14 }
     15 
     16 body:not(.import-active) .is-visible-import {
     17   display: none !important;
     18 }
     19 
     20 body:not(.camera-active) .is-visible-camera {
     21   display: none !important;
     22 }
     23 
     24 body:not(.editor-active) .is-visible-editor {
     25   display: none !important;
     26 }
     27 
     28 body.import-active .is-hidden-import {
     29   display: none !important;
     30 }
     31 
     32 .hero.is-fullheight {
     33   min-height: 100dvh;
     34 }
     35 
     36 #settings-button {
     37   position: absolute;
     38   right: 30px;
     39   bottom: 30px;
     40 }
     41 
     42 #back {
     43   position: absolute;
     44   left: 30px;
     45   top: 30px;
     46 }
     47 
     48 #cheese {
     49   position: absolute;
     50   bottom: 30px;
     51   left: 30px;
     52   right: 30px;
     53 }
     54 
     55 aside {
     56   width: 300px;
     57 }
     58 
     59 #settings {
     60   z-index: 200;
     61 }