edgrid_rb 0.0.1.0 → 0.0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/edgrid_rb/version.rb +1 -1
- data/vendor/assets/css/componentes/_desarrollo.scss +3 -0
- data/vendor/assets/css/componentes/_mixins.scss +10 -7
- data/vendor/assets/css/componentes/_nucleo.scss +0 -22
- data/vendor/assets/css/componentes/_tabla.scss +46 -0
- data/vendor/assets/css/ed-grid.scss +1 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: bc9581bf9d1a2362b13223d2e96dbc7075685478
|
|
4
|
+
data.tar.gz: 2392c5180605d003f9761165e9d9847f58643fac
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 19ce526f4ee28f0c78fd56ea87a83865cc750776e7b49f326a0e9a8ec734f3b477dadd53ed5a61bbd0ff21cfc7b3f4d0a33b216fd4e235716be4687755c84021
|
|
7
|
+
data.tar.gz: 0ed21d5da33087e7a041238d1aecab48718c8bf980842b09c4ae3d18f53a6204fbcb819bbcc62f9ca44624058e3241c7a8c26ac99cae960bf0d89026b00965cd
|
data/lib/edgrid_rb/version.rb
CHANGED
|
@@ -22,20 +22,23 @@
|
|
|
22
22
|
// Se aplica contendor de la cuadricula.
|
|
23
23
|
// Los parámetros son el selector de cada item y el número de columnas
|
|
24
24
|
|
|
25
|
-
@mixin cuadricula($items,$columnas){
|
|
25
|
+
@mixin cuadricula($items,$columnas,$separacion){
|
|
26
26
|
font-size : 0;
|
|
27
27
|
margin : 0;
|
|
28
28
|
padding : 0;
|
|
29
29
|
list-style : none; // por si el contenedor es un ul
|
|
30
30
|
|
|
31
|
-
#{$items}, .#{$items}{
|
|
32
|
-
display : inline-block;
|
|
31
|
+
& > #{$items}, & > .#{$items}{
|
|
32
|
+
display : inline-block;
|
|
33
|
+
float : none;
|
|
33
34
|
font-size : 1rem;
|
|
34
|
-
width : (100% / $columnas
|
|
35
|
-
margin
|
|
36
|
-
padding-left : ($caja--separacion / 2);
|
|
37
|
-
padding-right : ($caja--separacion / 2);
|
|
35
|
+
width : (100% - $separacion * ($columnas - 1)) / $columnas;
|
|
36
|
+
margin-right : unquote($separacion + "%");
|
|
38
37
|
vertical-align : top;
|
|
38
|
+
|
|
39
|
+
&:nth-child(#{$columnas}n){
|
|
40
|
+
margin-right: 0;
|
|
41
|
+
}
|
|
39
42
|
}
|
|
40
43
|
}
|
|
41
44
|
|
|
@@ -46,28 +46,6 @@
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
// Modo tabla (alturas iguales para cada caja) **experimental, no es RWD**
|
|
50
|
-
.grupo.tabla {
|
|
51
|
-
display : table;
|
|
52
|
-
|
|
53
|
-
& > .caja {
|
|
54
|
-
float : none;
|
|
55
|
-
display : table-cell;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&.middle > .caja{
|
|
59
|
-
vertical-align: middle;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&.top > .caja {
|
|
63
|
-
vertical-align: top;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
&.bottom > .caja {
|
|
67
|
-
vertical-align: bottom;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
49
|
//Tamaño base en porcentajes
|
|
72
50
|
@for $i from 1 through 20 {
|
|
73
51
|
.grupo .base-#{$i*5}{
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// Modo tabla (alturas iguales para cada caja) **experimental, no es RWD**
|
|
2
|
+
.grupo.base-tabla{
|
|
3
|
+
display: table;
|
|
4
|
+
|
|
5
|
+
& > .caja {
|
|
6
|
+
float : none;
|
|
7
|
+
display : table-cell;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&.middle > .caja{
|
|
11
|
+
vertical-align: middle;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&.top > .caja {
|
|
15
|
+
vertical-align: top;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&.bottom > .caja {
|
|
19
|
+
vertical-align: bottom;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@each $size, $screen-size in $breakpoints{
|
|
24
|
+
@media all and (min-width: $screen-size){
|
|
25
|
+
.grupo.#{$size}-tabla{
|
|
26
|
+
display: table;
|
|
27
|
+
|
|
28
|
+
& > .caja {
|
|
29
|
+
float : none;
|
|
30
|
+
display : table-cell;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&.middle > .caja{
|
|
34
|
+
vertical-align: middle;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&.top > .caja {
|
|
38
|
+
vertical-align: top;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&.bottom > .caja {
|
|
42
|
+
vertical-align: bottom;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
@import "componentes/nucleo"; // Núcleo de ED GRID, grupos y cajas
|
|
29
29
|
@import "componentes/mixins"; // Mixins ED GRID
|
|
30
30
|
@import "componentes/cuadricula"; // Realizar cuadriculas
|
|
31
|
+
@import "componentes/tabla"; // Cajas de igual altura y alinamiento vertical
|
|
31
32
|
@import "componentes/desarrollo"; // Modo desarrollo
|
|
32
33
|
@import "componentes/visibilidad"; // Controlar la visibilidad
|
|
33
34
|
@import "componentes/utilidades"; // Utilidades adicionales
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: edgrid_rb
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.1.
|
|
4
|
+
version: 0.0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- zetanova
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2015-04-
|
|
11
|
+
date: 2015-04-07 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -88,6 +88,7 @@ files:
|
|
|
88
88
|
- vendor/assets/css/componentes/_desarrollo.scss
|
|
89
89
|
- vendor/assets/css/componentes/_mixins.scss
|
|
90
90
|
- vendor/assets/css/componentes/_nucleo.scss
|
|
91
|
+
- vendor/assets/css/componentes/_tabla.scss
|
|
91
92
|
- vendor/assets/css/componentes/_utilidades.scss
|
|
92
93
|
- vendor/assets/css/componentes/_visibilidad.scss
|
|
93
94
|
- vendor/assets/css/ed-grid.scss
|