Visualizzazione risultati 1 fino 2 di 2

Discussione: Come aggiungere preprocessor scss

  1. #1
    m1001 non Ŕ connesso Neofita
    Data registrazione
    27-05-2022
    Messaggi
    5

    Predefinito Come aggiungere preprocessor scss

    Come aggiungo scss su altervista?
    Sto provando a renderizzare questo codice, ma ho bisogno del preprocessor scss:
    Codice PHP:
    @import url('https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap');
    @
    import url('https://fonts.googleapis.com/css2?family=Exo:wght@900&display=swap');

    bodyhtml {
      
    width100%;
      
    height100%;
      
    margin0;
      
    overflowhidden;
    }

    body {
      
    displayflex;
      
    align-itemscenter;
      
    justify-contentcenter;
      
    flex-directioncolumn;
      
    backgroundradial-gradient(rgba(#7f00fd, 0.5) 0%, transparent 70%), linear-gradient(black 40%, black 70%);
      
    perspective700px;
      
    font-sizeclamp(10px2vw20px);
    }

    .
    lines {
      
    $colorgreen;
      
    positionfixed;
      
    width100vw;
      
    height4em;
      
    backgroundlinear-gradient(rgba($color0.220%, $color 40%, $color 60%, rgba($color0.280%);
      
    background-size1px 0.5em;
      
    box-shadow0 0 1em rgba($color0.4);
      
    transformtranslateY(-1em);
      
    left0;
    }

    h1 {
      
    positionrelative;
      
    font-family'Exo';
      
    font-size9em;
      
    margin0;
      
    transformskew(-15deg);
      
    letter-spacing0.03em;
      
      &::
    after {
        
    content'';
        
    positionabsolute;
        
    top: -0.1em;
        
    right0.05em;
        
    width0.4em;
        
    height0.4em;
        
    background
          
    radial-gradient(white 3%, rgba(white0.315%, rgba(white0.0560%, transparent 80%),
          
    radial-gradient(rgba(white0.250%, transparent 60%) 5050% / 5100%,
          
    radial-gradient(rgba(white0.250%, transparent 60%) 5050% / 705%;
        
    background-repeatno-repeat;
      }
      
      
    span:first-child {
        
    displayblock;
        
    text-shadow0 0 0.1em #8ba2d0, 0 0 0.2em black,  0 0 5em green;
        
    -webkit-text-stroke0.06em rgba(black0.5);
      }
      
      
    span:last-child {
        
    positionabsolute;
        
    left0;
        
    top0;
        
    background-imagelinear-gradient(#00cc88 25%, green 35%, #00cc88 50%, #00cc88 55%, green 75%);
        
    -webkit-text-stroke0.01em black;
        -
    webkit-background-cliptext;
        -
    webkit-text-fill-colortransparent;
      }
    }

    h2 {
      
    font-family'Mr Dafoe';
      
    margin0;
      
    font-size5.5em;
      
    margin-top: -0.6em;
      
    colorwhite;
      
    text-shadow0 0 0.05em #fff, 0 0 0.2em green, 0 0 0.2em #00cc88;
      
    transformrotate(-6deg);
    }

    .
    grid {
      
    $main#7f00fd;
      
    $glowrgba(black0.4);
      
    background
        
    linear-gradient(transparent 65%, $glow 75%, $main 80%, $glow 85%, transparent 95%),
        
    linear-gradient(90degtransparent 65%, $glow 75%, $main 80%, $glow 85%, transparent 95%);
      
    background-size30px 30px;
      
    width200vw;
      
    height300vh;
      
    positionabsolute;
      
    bottom: -120vh;
      
    transformrotateX(-100deg);
      -
    webkit-mask-imagelinear-gradient(rgba(0,0,0,1), rgba(0,0,0,080%);


  2. #2
    m1001 non Ŕ connesso Neofita
    Data registrazione
    27-05-2022
    Messaggi
    5

    Predefinito

    Risolto, per chi avesse lo stesso problema:

    SASS Ŕ un preprocessor, il server non lo pu˛ leggere senza che venga installato dall'interno, di solito si usa localmente, comunque sia i file scss possono essere convertiti in css puro con un poco di lavoro, ci sono anche dei tool appositi per automatizzare il processo

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •