Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:diw:sistema-diseno-layout [2026/10/23 22:55] – Reorganización del módulo: página nueva claude
+++ clase:daw:diw:sistema-diseno-layout [2026/10/24 00:10] (actual) – c-button -> c-boton, como en el resto de temas claude
@@ Línea 33: / Línea 33: @@
 </sxh>
-El padre es el bloque ''l-flex'' y cada hijo es un área ''l-flex__area''. Un área puede contener a su vez otro bloque de layout:
+El padre es el bloque ''l-flex'' y cada hijo es un área ''l-flex<nowiki>__</nowiki>area''. Un área puede contener a su vez otro bloque de layout:
 <sxh html>
@@ Línea 98: / Línea 98: @@
 ==== span ====
-Para que un área ocupe dos columnas se usa el modificador ''l-columns__area--span2'' (ver ''span'' en [[clase:daw:diw:css-flex-grid#span|CSS: Flex y Grid]]).
+Para que un área ocupe dos columnas se usa el modificador ''l-columns<nowiki>__</nowiki>area--span2'' (ver ''span'' en [[clase:daw:diw:css-flex-grid#span|CSS: Flex y Grid]]).
 <sxh css>
@@ Línea 154: / Línea 154: @@
 <div class="l-extremo">
     <div class="l-extremo__area-izquierda">
-        <div class="c-button">Pulsar Izquierda</div>
+        <div class="c-boton">Pulsar Izquierda</div>
     </div>
     <div class="l-extremo__area-derecha">
-        <div class="c-button">Pulsar Derecha</div>
+        <div class="c-boton">Pulsar Derecha</div>
     </div>
 </div>
@@ Línea 166: / Línea 166: @@
 <sxh html>
 <div class="l-extremo">
-    <div class="l-extremo__area-izquierda c-button">Pulsar Izquierda</div>
+    <div class="l-extremo__area-izquierda c-boton">Pulsar Izquierda</div>
-    <div class="l-extremo__area-derecha c-button">Pulsar Derecha</div>
+    <div class="l-extremo__area-derecha c-boton">Pulsar Derecha</div>
 </div>
 </sxh>