picasso 0.4.1 → 0.4.2

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.
Files changed (35) hide show
  1. data/README.md +9 -4
  2. data/docs/_picasso.html +17 -7
  3. data/docs/css/picasso-demos.css +17 -7
  4. data/docs/index.html +28 -12
  5. data/docs/picasso-_components.html +17 -7
  6. data/docs/picasso-_despegar.html +17 -7
  7. data/docs/picasso-_utils.html +17 -7
  8. data/docs/picasso-components-_accordions.html +17 -7
  9. data/docs/picasso-components-_arrows.html +17 -7
  10. data/docs/picasso-components-_bubbles.html +17 -7
  11. data/docs/picasso-components-_buttons.html +17 -7
  12. data/docs/picasso-components-_clusters.html +17 -7
  13. data/docs/picasso-components-_inputs.html +17 -7
  14. data/docs/picasso-components-_list-grids.html +17 -7
  15. data/docs/picasso-components-_navs.html +17 -7
  16. data/docs/picasso-components-_pagination.html +17 -7
  17. data/docs/picasso-components-_popups.html +17 -7
  18. data/docs/picasso-components-_tooltips.html +17 -7
  19. data/docs/picasso-components-buttons-_3d.html +17 -7
  20. data/docs/picasso-components-buttons-_glossy.html +17 -7
  21. data/docs/picasso-components-buttons-_mini.html +17 -7
  22. data/docs/picasso-despegar-_mixins.html +17 -7
  23. data/docs/picasso-despegar-_variables.html +92 -73
  24. data/docs/picasso-utils-_clearfix.html +18 -8
  25. data/docs/picasso-utils-_grid.html +28 -10
  26. data/docs/picasso-utils-_ie.html +17 -7
  27. data/docs/picasso-utils-_rem.html +17 -7
  28. data/docs/picasso-utils-_sprite.html +17 -7
  29. data/docs/sass/picasso-demos.scss +10 -0
  30. data/lib/picasso/version.rb +1 -1
  31. data/picasso.gemspec +1 -1
  32. data/stylesheets/picasso/despegar/_variables.scss +42 -35
  33. data/stylesheets/picasso/utils/_clearfix.scss +1 -1
  34. data/stylesheets/picasso/utils/_grid.scss +11 -3
  35. metadata +6 -6
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {