From f80bf66d3bb01deead290961f5d8d3b579bd4195 Mon Sep 17 00:00:00 2001 From: Phil Date: Tue, 15 May 2018 11:22:35 +0200 Subject: SCSS with iotaCSS added --- src/scss/objects/_list.scss | 78 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 src/scss/objects/_list.scss (limited to 'src/scss/objects/_list.scss') diff --git a/src/scss/objects/_list.scss b/src/scss/objects/_list.scss new file mode 100644 index 0000000..7e91ef1 --- /dev/null +++ b/src/scss/objects/_list.scss @@ -0,0 +1,78 @@ +/** + * Enable / Disable aligment modifiers. + * .o-list--middle : Align list items on middle vertically + * .o-list--bottom : Align list items on bottom vertically + * + * Type: Boolean + */ + +$iota-objs-list-aligned: false; + + +/** + * Enable / Disable block modifier. .o-list--block : Each list + * item will have display block with a bottom margin. + * + * Type: Boolean + */ + +$iota-objs-list-block: false; + + +/** + * Enable / Disable inline modifier. .o-list--inline Each list + * item will have display inline-block with a right margin. + * + * Type: Boolean + */ + +$iota-objs-list-inline: false; + + +/** + * Enable / Disable span modifier. .o-list--span : Each list + * item will have display table-cell with a border spacing so + * that they never wrap to a new row. + * + * Type: Boolean + */ + +$iota-objs-list-span: false; + + +/** + * Default gutter size. Use a number for a single size or + * a map for a responsive size. + * + * Type: Number / Map + */ + +$iota-objs-list-gutter-default: $iota-global-gutter-default; + + +/** + * Extra gutters map. Each gutter size will be available + * as a modifier that will be named according to the gutter + * name. E.g. If $iota-objs-list-gutter-extra: ('compact': '10px'); + * then .o-list--compact will be available for use. + * + * Type: Map + */ + +$iota-objs-list-gutter-extra: (); + + +/** + * Namespace classes + * + * Type: String + */ + +$iota-objs-list-namespace : 'list'; +$iota-objs-list-item-name : 'item'; +$iota-objs-list-block-name : 'block'; +$iota-objs-list-inline-name : 'inline'; +$iota-objs-list-span-name : 'span'; + + +@import 'node_modules/iotacss/objects/list'; -- cgit v1.2.3