CSS estilo lienzo

Hola chicos, en vez de peinar el init de esta manera...
¿Es posible usar un archivo SCSS en Canvas? Canvas { Style:['__FILE__. SCSS'] }
¿O simplemente hacerlo más limpio con un solo CSS de entrada?

¡Gracias!

' myComponent.append(<style>
    cuerpo {
      antecedentes: RGB(204,204,204); 
    }
    .footer {
      posición: absoluta;
      Inferior: 5mm;
      Ancho: Auto;
      izquierda: 5mm;
      derecha: 5mm;
    }
    .footer-container {
      Acolchado: 7px 88px 7px 96px;
    }
    .footer-text:nth-child(2) {
      flotar: correcto;
    }
    .footer-text {
      tamaño de fuente: 11px;
    }
    .logo-noovle img{
      Altura: 41px;
      ancho: 211px;
    }
    .logo-placeholder img{
    flotar: Correcto;
    Altura: 68px;
    ancho: 191px;
    }
    .page {
      Antecedentes: blanco;
      pantalla: bloqueo;
      marje: 0 auto;
      margen inferior: 0,5 cm;
      posición: relativa;
      acolchado: 5mm;
      desbordamiento: oculto;
    }
    .page[size="A4"] {  
      ancho: 21cm;
      altura: 29,7 cm; 
    }
    @media imprimir {
      cuerpo, .page {
        marje: 0;
        Sombra de caja: 0;
      }
    }
    .gjs-pn-buttons {
      pantalla: ninguna;
    }
    .gjs-logo{
      Altura: 25px;
    }
    .gjs-cell {
      Altura mínima: 75px;
      flex-grow: 1;
      Base flexible: 100%;
    }
    .gjs-row {
      pantalla: flex;
      Justificar-contenido: Inicio flexible;
      Alinear-ítems: estiramiento;
      Flex-wrap: sin wrap;
      relleno: 10px;
    }
 );</style>'