diff --git a/src/components/item/item.ios.scss b/src/components/item/item.ios.scss
index d35a4404b0..23dc5e4296 100644
--- a/src/components/item/item.ios.scss
+++ b/src/components/item/item.ios.scss
@@ -3,21 +3,40 @@
 // iOS Item
 // --------------------------------------------------
 
+/// @prop - Font size of the item text
 $item-ios-body-text-font-size:            1.6rem !default;
+
+/// @prop - Color of the item paragraph
 $item-ios-paragraph-text-color:           #666 !default;
 
+/// @prop - Size of the avatar in the item
 $item-ios-avatar-size:                    3.6rem !default;
+
+/// @prop - Size of the thumbnail in the item
 $item-ios-thumbnail-size:                 5.6rem !default;
+
+/// @prop - Color of the note in the item
 $item-ios-note-color:                     darken($list-ios-border-color, 10%) !default;
 
+/// @prop - Shows the detail arrow icon on an item
 $item-ios-detail-push-show:               true !default;
+
+/// @prop - Color of the detail arrow icon
 $item-ios-detail-push-color:              $list-ios-border-color !default;
+
+/// @prop - Icon for the detail arrow
 $item-ios-detail-push-svg:                "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#{$item-ios-detail-push-color}'/></svg>" !default;
 
+/// @prop - Background for the divider
 $item-ios-divider-background:             #f7f7f7 !default;
+
+/// @prop - Color for the divider
 $item-ios-divider-color:                  #222 !default;
+
+/// @prop - Padding for the divider
 $item-ios-divider-padding:                5px 15px !default;
 
+/// @prop - Background for the sliding content
 $item-ios-sliding-content-background:     $list-ios-background-color !default;
 
 
diff --git a/src/components/item/item.md.scss b/src/components/item/item.md.scss
index da9be4d472..2a00f90fbf 100644
--- a/src/components/item/item.md.scss
+++ b/src/components/item/item.md.scss
@@ -3,23 +3,46 @@
 // Material Design Item
 // --------------------------------------------------
 
+/// @prop - Font size of the item text
 $item-md-body-text-font-size:        1.4rem !default;
+
+/// @prop - line height of the item text
 $item-md-body-text-line-height:      1.5 !default;
+
+/// @prop - Color of the item paragraph
 $item-md-paragraph-text-color:       #666 !default;
 
+/// @prop - Font size of the item
 $item-md-font-size:                  1.6rem !default;
+
+/// @prop - Size of the avatar in the item
 $item-md-avatar-size:                4rem !default;
+
+/// @prop - Size of the thumbnail in the item
 $item-md-thumbnail-size:             8rem !default;
+
+/// @prop - Color of the note in the item
 $item-md-note-color:                 darken($list-md-border-color, 10%) !default;
 
+/// @prop - Shows the detail arrow icon on an item
 $item-md-detail-push-show:           false !default;
+
+/// @prop - Color of the detail arrow icon
 $item-md-detail-push-color:          $list-md-border-color !default;
+
+/// @prop - Icon for the detail arrow
 $item-md-detail-push-svg:            "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#{$item-md-detail-push-color}'/></svg>" !default;
 
+/// @prop - Background for the divider
 $item-md-divider-background:         #fff !default;
+
+/// @prop - Color for the divider
 $item-md-divider-color:              #222 !default;
+
+/// @prop - Padding for the divider
 $item-md-divider-padding:            5px 15px !default;
 
+/// @prop - Background for the sliding content
 $item-md-sliding-content-background: $list-md-background-color !default;
 
 
diff --git a/src/components/item/item.wp.scss b/src/components/item/item.wp.scss
index 14befbaf9d..b14eb619d2 100644
--- a/src/components/item/item.wp.scss
+++ b/src/components/item/item.wp.scss
@@ -3,25 +3,52 @@
 // Windows Item
 // --------------------------------------------------
 
+/// @prop - Font size of the item text
 $item-wp-body-text-font-size:        1.4rem !default;
+
+/// @prop - line height of the item text
 $item-wp-body-text-line-height:      1.5 !default;
+
+/// @prop - Background color of the item
 $item-wp-body-background-color:      $list-wp-background-color !default;
+
+/// @prop - Color of the item text
 $item-wp-body-text-color:            $list-wp-text-color !default;
+
+/// @prop - Color of the item paragraph
 $item-wp-paragraph-text-color:       #666 !default;
 
+/// @prop - Font size of the item
 $item-wp-font-size:                  1.6rem !default;
+
+/// @prop - Size of the avatar in the item
 $item-wp-avatar-size:                4rem !default;
+
+/// @prop - Size of the thumbnail in the item
 $item-wp-thumbnail-size:             8rem !default;
+
+/// @prop - Color of the note in the item
 $item-wp-note-color:                 $input-wp-border-color !default;
 
+/// @prop - Shows the detail arrow icon on an item
 $item-wp-detail-push-show:           false !default;
+
+/// @prop - Color of the detail arrow icon
 $item-wp-detail-push-color:          $input-wp-border-color !default;
+
+/// @prop - Icon for the detail arrow
 $item-wp-detail-push-svg:            "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#{$item-wp-detail-push-color}'/></svg>" !default;
 
+/// @prop - Background for the divider
 $item-wp-divider-background:         #fff !default;
+
+/// @prop - Color for the divider
 $item-wp-divider-color:              #222 !default;
+
+/// @prop - Padding for the divider
 $item-wp-divider-padding:            5px 15px !default;
 
+/// @prop - Background for the sliding content
 $item-wp-sliding-content-background: $list-wp-background-color !default;