Próbuję zintegrować purecss z projektem, nad którym pracowałem.Co się tutaj dzieje z purecsami?
Z jakiegoś powodu po prostu zmyliłem swój układ, więc próbowałem stworzyć niezwykle prymitywny szablon (poniżej), a ja po prostu dostaję zabawny odstęp między literami. Co się dzieje?
<!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 pokazujący problem:
http://jsbin.com/ubarag/1/edit
Mój kod wydaje się być poprawne, gdy patrząc na przykładach, więc należy zrobić coś naprawdę oczywiste/głupi ...
Edit:
Pojawia się być połączony z tymi twoissues, z wyjątkiem żadnego obejścia w komentarze działają dla mnie.
Idealne, to dzięki. Czy purecsy nie automagicznie unoszą elementu div, aby tworzyć kolumny, czy też potrzebuję do tego własnego css? – Anonymous
Jeśli dobrze rozumiem, o co pytasz, powinna. Jeśli rozszerzysz szerokość panelu wyjściowego twojego przykładu JSBin, dwie kolumny ostatecznie przeskoczą do tego samego wiersza. –
Jeszcze raz. Zapomniałem, że używałem czystej-g-r, a nie czystej-g. Dzięki za pomoc. – Anonymous