![]() ![]() For fonts, we showed how quick and easy it is to use Typekit to use lovely custom fonts.Part of the fun was making the module header bars, which we used negative margins to pull back out from the padding in the modules. We set up some typographic styles for our modules.We watched as CodeKit injected new CSS styles into the page without reloading, which is wicked sweet for stated applications.Linux users, you’re so fancy you don’t need any help here. Windows users that can’t use CodeKit, check out the Beta LiveReload.We made sure CodeKit processed the scss into “compressed” format which is the most efficient way to serve CSS and also as a reminder to anyone accidentally opening the file that they shouldn’t be editing it.That CSS file is what we linked to from our index.html file. We simply drug the folder into the CodeKit window then told CodeKit to process our global.scss file into a global.css in a “css” folder. To make Sass trivially easy to start using, we used CodeKit. ![]() We made a “scss” folder in our project and made a global.scss file.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |