This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --------------------------------------------------------------------------- | |
| // Imports | |
| @import base | |
| body | |
| font-family: $sans | |
| // +baseline-grid-background | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --------------------------------------------------------------------------- | |
| // Imports | |
| @import base | |
| body | |
| font-family: $sans | |
| // +baseline-grid-background | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="content"><div id="content-inner"> | |
| <!--begin #destaques-noticias--> | |
| <section class="destaques-categoria area-noticias"> | |
| <header> | |
| <h1><a title="Notícias" href="/noticias">Notícias</a></h1> | |
| </header> | |
| <div class="destaque destaque-secundario"><a href="/noticias-detalhes"> | |
| <span class="foto"><img width="300" src="images/destaque-noticia.jpg" /></span><span class="conteudo"> | |
| <p>Acidente com ônibus deixa 30 feridos no RJ: ‘Ele veio voado’, diz motorista</p> | |
| </span></a></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| =background-2x($background, $file: 'png') | |
| $image: #{$background+"."+$file} | |
| $image2x: #{$background+"@2x."+$file} | |
| background: image-url($image) no-repeat | |
| @media (min--moz-device-pixel-ratio: 1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) | |
| background-image: image-url($image2x) | |
| background-size: image-width($image) image-height($image) | |
| // usage for „logo.png” + „logo2x.png” |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "binary_file_patterns": | |
| [ | |
| ".svn/", | |
| ".git/", | |
| ".hg/", | |
| "CVS/", | |
| "node_modules/", | |
| "bower_components/", | |
| "dist/" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /> | |
| <title> | |
| Fakebook - News Feed | |
| </title> | |
| <link href="/images/favicon.png" rel="icon" type="image/png" /> | |
| <link href="/images/favicon.ico" rel="shortcut icon" /> | |
| <link href="../stylesheets/application.css" media="all" rel="stylesheet" type="text/css" /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * A "deeper" indented text effect with the :before and :after pseudo-elements. | |
| */ | |
| html, body { | |
| height: 100%; | |
| } | |
| body { | |
| margin: 0; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --------------------------------------------------------------------------------- | |
| // Mixin for Media Queries | |
| // --------------------------------------------------------------------------------- | |
| // http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32 | |
| // Device Dimensions inpired on: http://css-tricks.com/snippets/css/media-queries-for-standard-devices | |
| // Usage | |
| // -------------------------------------------------- | |
| // .profile-pic |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <!-- NOTES | |
| I've been looking for a simple way to persistently show a header and hide the url bar (beyond just position:fixed; top:0, which is only persistent until you scroll back home). I think this is it. Maybe there are better ways, but this sure is simple! One thing that's missing though is to have the URL bar disappear again once you scroll anywhere else on the page. | |
| It's based on the awesome work of mattsahr, bjrn, and bradbirdsall here: https://github.com/joelambert/ScrollFix/issues/2. It's not the problem they were trying to fix, but it's an awesome collateral benefit. To get what I was looking for, I tore a lot of their stuff out, and made the simplest starting file I could. | |
| I tested it on an iPhone running iOS 5.1 and it seems to do what I was looking for. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta content="yes" name="apple-mobile-web-app-capable"> | |
| <!-- iPhone --> | |
| <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png" | |
| sizes="57x57" |