diff options
| author | Florian Dieminger <me@fiji-flo.de> | 2021-02-11 18:20:58 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-11 18:20:58 +0100 |
| commit | 2318b37e3fd17a3e76a29b9be7d1ce82f040c3bb (patch) | |
| tree | 5e640d40fd69dc380b04e01de981a345e0141ffa /files/es/mdn/guidelines/css_style_guide/index.html | |
| parent | 6aa6274d2ad3e22e7f5e69b1d7531a5eaeaf5666 (diff) | |
| parent | 8a5554c6fae83e92b10c8dbe5b82108cb44fad6c (diff) | |
| download | translated-content-2318b37e3fd17a3e76a29b9be7d1ce82f040c3bb.tar.gz translated-content-2318b37e3fd17a3e76a29b9be7d1ce82f040c3bb.tar.bz2 translated-content-2318b37e3fd17a3e76a29b9be7d1ce82f040c3bb.zip | |
Merge pull request #53 from fiji-flo/unslugging-es
Unslugging es
Diffstat (limited to 'files/es/mdn/guidelines/css_style_guide/index.html')
| -rw-r--r-- | files/es/mdn/guidelines/css_style_guide/index.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/files/es/mdn/guidelines/css_style_guide/index.html b/files/es/mdn/guidelines/css_style_guide/index.html new file mode 100644 index 0000000000..17e58b0086 --- /dev/null +++ b/files/es/mdn/guidelines/css_style_guide/index.html @@ -0,0 +1,48 @@ +--- +title: Bloques de contenido +slug: MDN/Guidelines/CSS_style_guide +tags: + - MDN + - Meta +translation_of: MDN/Guidelines/CSS_style_guide +translation_of_original: MDN/Structures/Content_blocks +original_slug: MDN/Guidelines/Content_blocks +--- +<div>{{MDNSidebar}}</div><div class="summary"> + <p>This pages lists reusable content blocks.</p> +</div> +<h2 id="Grilla_de_tarjetas">Grilla de tarjetas</h2> +<p>Permite tener un par de tarjetas cercanas entre sí para llamar a contenidos específicos o para llamar a una acción. La clase CSS es: <code>.card-grid </code>(L 751 - 824 in CustomCSS).</p> +<ul class="card-grid"> + <li><span>Refetencia CSS</span> + <p>Una <a href="/en-US/docs/Web/CSS/Reference" title="en-US/docs/CSS/CSS_Reference">referencia exhaustiva</a> para <u>desarrolladores Web expertos</u> describiendo cada propiedad y concepto de CSS.</p> + </li> + <li><span>Tutorial CSS</span> + <p>Una <a href="/en-US/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">introduccion paso a paso</a> para ayudar a los <u>principiantes</u>. Presenta todos los fundamentos necesarios.</p> + </li> + <li><span>CSS3 Demos</span> + <p>A <a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">collection of demos</a> showing the <u>latest CSS technologies</u> in action: a boost for the creativity.</p> + </li> +</ul> +<h2 id="Dos_columnas">Dos columnas</h2> +<p>Dos columnas separadas con un borde gris. Normalmente usadas en páginas de destino. Clase de CSS: <code>.topicpage-table</code> (L 830 - 837 & 82-93 in CustomCSS).</p> +<div class="row topicpage-table"> + <div class="section"> + Columna 1</div> + <div class="section"> + Columna 2</div> +</div> +<p> </p> +<h2 id="Columnas_con_la_misma_altura">Columnas con la misma altura</h2> +<p>Se usa en la página de destino de <a href="/en-US/Firefox_OS">Firefox OS</a> para envolver las columnas que deberían tener el mismo alto. Clase de CSS: <code>.equalColumnHeights</code> (L 25 - 38 in CustomCSS).</p> +<div class="equalColumnHeights"> + <div class="zone-callout"> + Un Texo<br> + y nueva linea<br> + </div> + <div class="zone-callout"> + Otro texto<br> + <br> + aquí</div> +</div> +<p> </p> |