Cosa sta succedendo con purecss qui?

Sto cercando di integrare purecss con un progetto su cui ho lavorato.Cosa sta succedendo con purecss qui?

Stavo solo costruendo il mio layout per qualche motivo, quindi ho provato a creare un modello estremamente primitivo (sotto), e sto solo ottenendo un'intervallo di lettere divertente. Cosa sta succedendo?

<!DOCTYPE html> 
<html> 
    <head> 
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.0/pure-min.css"> 
    </head> 
    <body> 
     <div class="pure-g-r"> 
     <div class="pure-u-2-4"> 
      <p>Left side.</p> 
     </div> 
     <div class="pure-u-2-4"> 
      <p>Right side.</p> 
     </div> 
     </div> 
    </body> 
</html>

JSBin problema che mostra:

http://jsbin.com/ubarag/1/edit

Il mio codice sembra essere corretto quando guardando esempi, quindi devo fare qualcosa di davvero evidente/stupido ...

Edit:

Appare collegato a questi two issues, ad eccezione di nessuno dei meccanismi di aggancio nel i commenti stanno funzionando per me.

fonte

2013-06-13 Anonymous

La classe pure-u-2-4 non è riconosciuto da Pure. Invece, utilizzare la classe pure-u-1-2 per ottenere le colonne con la larghezza del 50%:

<div class="pure-g-r"> 
    <div class="pure-u-1-2"> 
    <p>Left side.</p> 
    </div> 
    <div class="pure-u-1-2"> 
    <p>Right side.</p> 
    </div> 
</div>

fonte

2013-06-13 13:47:43

Perfetto, è stato grazie. Purecss non fa fluttuare automaticamente le div per creare colonne o ho bisogno del mio css per quello? – Anonymous

Se capisco cosa stai chiedendo correttamente, dovrebbe. Se espandi la larghezza del riquadro di output del tuo esempio JSBin, le due colonne finiranno per saltare fino alla stessa riga. –

Di nuovo a destra. Ho dimenticato che stavo usando puro-g-r piuttosto che puro-g. Grazie per l'aiuto. – Anonymous

in puro-min.css sulla linea 14 si dispone di questo

.pure-g-r { 
letter-spacing: -.31em; 
}

questa causa lettera folle spaziatura

rimuoverlo o riscrivere in un altro file css

fonte

2013-06-13 13:19:27 nomak22

So che è la regola specifica che causa, ma perché vorrei che essere lì per difetto? (Sia nelle versioni sul CDN che su Github). Qualcos'altro deve essere sbagliato qui. – Anonymous

La risposta di "perché" è in uno dei problemi a cui ti sei collegato (vedi: https://github.com/yui/pure/issues/41#issuecomment-18747575). Non ti piace? O non utilizzare Pure o ignorarlo manualmente. – cimmanon

@cimmanon - Quel commento (Github) non è stato d'aiuto, la risposta di Russ Ferri è corretta. – Anonymous

Cosa sta succedendo con purecss qui?

risposta

Problemi correlati