Example List News using grid Pure Css
A Pen by diegocuruma on CodePen.
| /** | |
| * Limitar número caracteres conteúdo, MAS NÃO CORTA A PALAVRA AO MEIO | |
| **/ | |
| function limitarTexto($content, $limite) | |
| { | |
| $contador = strlen($content); | |
| if ($contador >= $limite) { | |
| $content = substr($content, 0, strrpos(substr($content, 0, $limite), ' ')) . '...'; | |
| return $content; | |
| } else { |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8"/> | |
| <script type="text/javascript" src="jquery-1.7.1.min.js"></script> | |
| <script type="text/javascript"> | |
| $(document).ready(function () { | |
| $.getJSON('estados_cidades.json', function (data) { |
Example List News using grid Pure Css
A Pen by diegocuruma on CodePen.
| .page-quem-somos .cont:before { | |
| content: ""; | |
| position: absolute; | |
| width: 100%; | |
| height: 250px; | |
| background: url("../images/bg-interno.jpg") no-repeat; | |
| background-position: left 0px; | |
| } | |
| .page-promocoes .cont:before { |
| $ids: 'Blue', 'Green', 'Purple'; | |
| $cores: red, yellow, gray; | |
| $cores2: orange, white, black; | |
| $tema: zip($ids,$cores, $cores2); | |
| @each $elemento in $tema { | |
| ##{nth($elemento, 1)} { | |
| .bloc-2{ |
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| @function col( $col ) { | |
| $cem: 100%; | |
| $valor: $cem / $col - 2%; | |
| @return $valor; | |
| } |