{ "info": { "author": "Tribune Tech", "author_email": "tech@texastribune.org", "bugtrack_url": null, "classifiers": [ "Development Status :: 5 - Production/Stable", "Environment :: Web Environment", "Intended Audience :: Developers", "License :: OSI Approved :: BSD License", "Operating System :: OS Independent", "Programming Language :: Python", "Topic :: Software Development :: Libraries :: Python Modules", "Topic :: Utilities" ], "description": "tt_sass\n=======\nCollection of `Sass`_ styles and mixins for use at the `Texas Tribune`_.\n\n\nInstallation and Configuration\n------------------------------\nYou can install this using `pip`_ like this:\n\n::\n\n pip install tt_sass\n\nOnce installed, you need to add it to your ``INSTALLED_APPS``. You can do that\nhowever you like or you can copy-and-paste this in after your ``INSTALLED_APPS``\nare defined.\n\n::\n\n INSTALLED_APPS += ['tt_sass', ]\n\n``tt_sass`` relies on `django-staticfiles`_ in order to work. You must run\nthe ``collectstatic`` command inside your project like this:\n\n::\n\n python manage.py collectstatic --link\n\nRemember, you must re-run this command any time you add new staticfiles.\n\nNow you're ready to start using ``tt_sass``.\n\n\nUsage\n-----\nYou can use this inside your Sass by adding the following:\n\n::\n\n @import \"tt_sass/texastribune\"\n\nOnce you've done that, you need to compile your Sass. Assuming you're using the\ndefault Texas Tribune setup of having a ``static`` directory at your project root,\nyou should run the following:\n\n::\n\n sass --load-path=static/ --watch --poll --compass static\n\nThis command setups up the path correctly for all of your code and watches the\nfile for changes.\n\n\nUsing the Grid\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\nThe grid is based off of `Chris Coyer's`_ `simple grid`_. The syntax has been\nchanged around a little bit and it's been mixinified, but the concept is the\nsame.\n\nTo create a grid, similar to a row in frameworks like Foundation and Bootstrap,\nyou use the ``.grid`` class. Inside a grid, you add cells and tell them how far\nto span. For example, you do this to create a grid with 12 columns (the\ndefault) and two cells, one of 8 columns and one of 4 columns:\n\n::\n\n