diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot index 9963c37..7304e02 100644 Binary files a/src/fonts/cartoIcon.eot and b/src/fonts/cartoIcon.eot differ diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf index d14b72f..180b1e7 100644 Binary files a/src/fonts/cartoIcon.ttf and b/src/fonts/cartoIcon.ttf differ diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff index 3b61803..201b351 100644 Binary files a/src/fonts/cartoIcon.woff and b/src/fonts/cartoIcon.woff differ diff --git a/src/img/histogram.png b/src/img/histogram.png new file mode 100644 index 0000000..f16950a Binary files /dev/null and b/src/img/histogram.png differ diff --git a/src/scss/cdb-components/lists.scss b/src/scss/cdb-components/lists.scss index ff40d44..6159829 100644 --- a/src/scss/cdb-components/lists.scss +++ b/src/scss/cdb-components/lists.scss @@ -10,6 +10,7 @@ ``` */ +@import '../cdb-utilities/mixins'; @import '../cdb-variables/sizes'; @import '../cdb-variables/colors'; @@ -26,3 +27,172 @@ padding: 12px 16px; } +/* SG +# Lists/List Widgets + + +``` +
+ +
+``` +*/ + +.CDB-WidgetList { + @include display-flex; + flex-wrap: wrap; +} + +.CDB-WidgetList-option { + margin-right: 16px; +} +.CDB-Widgetlist-inner { + @include display-flex; + flex-wrap: wrap; +} +.CDB-Widgetlist-item { + @include display-flex; + @include align-items(baseline); + flex: 0 0 304px; + width: 304px; + margin: 0 4px 8px; + box-sizing: border-box; + padding: $baseSize * 2; + border: 1px solid transparent; + border-radius: $baseSize / 2; + background: $cWhite; +} +.CDB-Widgetlist-item:hover { + border: 1px solid $cBlue; + background: #F5FAFE; +} + +.CDB-WidgetList-inner { + @include display-flex; + width: 100%; +} + +.CDB-WidgetList-title { + @include display-flex; +}