diff --git a/examples/spread.html b/examples/spread.html index d7efc08..62957c7 100644 --- a/examples/spread.html +++ b/examples/spread.html @@ -9,9 +9,7 @@ body { font-family: 'Lucida Sans', Verdana, sans-serif; } - .gooey { - filter: url('#fancy-goo'); - } + @@ -58,7 +56,7 @@
-
+
1
@@ -89,15 +87,7 @@
20
- - - - - - - - - + diff --git a/notes.md b/notes.md index 8d2181d..1db8455 100644 --- a/notes.md +++ b/notes.md @@ -94,8 +94,9 @@ LAS MINIMAS ARC TEXT ### css first ### COSAS PARA AHORA ->>>>> TITULOS // LABELS PARA ORBITS sector y container ->>>>>> .CONTENT NO RADIAL GRID no capsule +>>>>> TITULOS y LABELS PARA ORBITS sector y container +>>>>>> .CONTENT para sector y orbiters +>>>>>> knob armar ok .PROGRESS .KNOB: asegurar que el selector queda enmedio del grosos del progress seria lower by deafult ok .svg-markers @@ -122,19 +123,19 @@ o-title o label? ### COSAS PARA DESPUES -elipse usar container perspective. - -alternativamente se puede pensar en orbit eliptical con orbinters aliptical usando sen y cos -o-comet +OK elipse usar container perspective para tener todo cool +OK alternativamente se puede pensar en orbit eliptical con orbinters aliptical usando sen y cos +OK GOEY EFFECT +data-o* para JS CSS TYPES PARA ANIMAR (SOLO CHROME pero sale en breve en firefox) -ok GOEY EFFECT + TEXTO CURVO (JS) -data-o* para JS -ok separar el test como repo independiente para testeo local (y luego remoto as service con server less?) + +OK separar el test como repo independiente para testeo local (y luego remoto as service con server less?) los estilos en clases o las variables en clases? diff --git a/src/orbit-base.scss b/src/orbit-base.scss index c217c64..30ed380 100644 --- a/src/orbit-base.scss +++ b/src/orbit-base.scss @@ -3,5 +3,6 @@ @import './components/_base'; @import './layouts/radial-grid'; @import './utilities/content'; +@import './utilities/filter-gooey'; @import './layouts/media-queries'; diff --git a/src/utilities/_filter-gooey.scss b/src/utilities/_filter-gooey.scss new file mode 100644 index 0000000..ba26bf5 --- /dev/null +++ b/src/utilities/_filter-gooey.scss @@ -0,0 +1,11 @@ +.o-orbit.o-filter-gooey{ + filter: url('data:image/svg+xml,\ + \ + \ + \ + \ + \ + \ + #fancy-goo') +} +