From 966532bd489e577c7744813f11bb024e1d144018 Mon Sep 17 00:00:00 2001 From: Martin Muda Date: Thu, 2 Mar 2023 13:23:38 -0300 Subject: [PATCH] ABS - features --- README.md | 28 +++++++++++++++++----------- index.css | 4 ++-- 2 files changed, 19 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 9cafe26..331b7d1 100644 --- a/README.md +++ b/README.md @@ -4,23 +4,24 @@ ## LAYOUT ### Radial Grid -- rows -- columns -- angles & distances -- span rows -- span cols -- initial angle -- diameter -- quadrants? -- geostationary/gyroscope -- responsiveness -- alignment +- rows: Son rings o levels +- columns: sectors +- angles & distances: se pueden definir independientemte (a32; d453) +- initial angle: importantes para saber desde donde empieza +- diameter: importante para estabelcer tamano del arco 90° o 360° x ej. +- quadrants? una forma de ubicar elementis: q1, q2... +- geostationary/gyroscope: comportamiento de lo selementos +- responsiveness: con media queries +- alignment: ubicacion del elementos izq, centro, der; arriba medio, abajo +- distribucion: ver tipo flex-bos +- draw rings and sectors ## ELEMENTS ## COMPONENTS - progress +- sectors svg - modals - labels - tooltips @@ -46,3 +47,8 @@ function getEllipsePoints(width, height, n, dist) { } return points; } + + +### css first +por eso elipsis solo andan en ffox +anim en chrome. diff --git a/index.css b/index.css index a2f8996..d8f62bc 100644 --- a/index.css +++ b/index.css @@ -186,8 +186,8 @@ height: var(--xl); } .rad { - width: 1px; - height: 1px; + width: 10px; + height: 10px; border-radius: 50%; display: grid; background-color: rgb(152, 21, 21);