diff --git a/src/components/tabs/tabs.ios.scss b/src/components/tabs/tabs.ios.scss
index b22d411084..b93f461a50 100644
--- a/src/components/tabs/tabs.ios.scss
+++ b/src/components/tabs/tabs.ios.scss
@@ -4,31 +4,31 @@
 // iOS Tabs
 // --------------------------------------------------
 
-// Border on the tabbar (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
+/// @prop Border on the tabbar (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
 $tabs-ios-border:                   1px solid $toolbar-ios-border-color !default;
 
-// Background color of the tabbar
+/// @prop Background color of the tabbar
 $tabs-ios-background:               $toolbar-ios-background !default;
 
-// Padding on the tab button
+/// @prop Padding on the tab button
 $tabs-ios-tab-padding:              0 2px !default;
 
-// Max width of the tab button
+/// @prop Max width of the tab button
 $tabs-ios-tab-max-width:            240px !default;
 
-// Min height of the tab button
+/// @prop Min height of the tab button
 $tabs-ios-tab-min-height:           49px !default;
 
-// Text color of the inactive tab button
+/// @prop Text color of the inactive tab button
 $tabs-ios-tab-color:                $toolbar-ios-inactive-color !default;
 
-// Text color of the active tab button
+/// @prop Text color of the active tab button
 $tabs-ios-tab-color-active:         $toolbar-ios-active-color !default;
 
-// Font size of the tab button text
+/// @prop Font size of the tab button text
 $tabs-ios-tab-font-size:            10px !default;
 
-// Size of the tab button icon
+/// @prop Size of the tab button icon
 $tabs-ios-tab-icon-size:            30px !default;
 
 
diff --git a/src/components/tabs/tabs.md.scss b/src/components/tabs/tabs.md.scss
index 7f10b7feb7..2550557663 100644
--- a/src/components/tabs/tabs.md.scss
+++ b/src/components/tabs/tabs.md.scss
@@ -4,58 +4,58 @@
 // Material Design Tabs
 // --------------------------------------------------
 
-// Background color of the tabbar
+/// @prop Background color of the tabbar
 $tabs-md-background:                   $toolbar-md-background !default;
 
-// Padding on the tab button
+/// @prop Padding on the tab button
 $tabs-md-tab-padding:                  8px 0 10px 0 !default;
 
-// Min height of the tab button
+/// @prop Min height of the tab button
 $tabs-md-tab-min-height:               5.6rem !default;
 
-// Font size of the inactive tab button text
+/// @prop Font size of the inactive tab button text
 $tabs-md-tab-font-size:                1.2rem !default;
 
-// Font weight of the tab button text
+/// @prop Font weight of the tab button text
 $tabs-md-tab-font-weight:              normal !default;
 
-// Opacity of the inactive tab button
+/// @prop Opacity of the inactive tab button
 $tabs-md-tab-opacity:                  .7 !default;
 
-// Text color of the inactive tab button
+/// @prop Text color of the inactive tab button
 $tabs-md-tab-color:                    rgba($toolbar-md-inactive-color, $tabs-md-tab-opacity) !default;
 
-// Padding of the active tab button
+/// @prop Padding of the active tab button
 $tabs-md-tab-padding-active:           6px 0 10px 0 !default;
 
-// Font size of the active tab button text
+/// @prop Font size of the active tab button text
 $tabs-md-tab-font-size-active:         1.4rem !default;
 
-// Text color of the active tab button
+/// @prop Text color of the active tab button
 $tabs-md-tab-color-active:             $toolbar-md-active-color !default;
 
-// Margin on the tab button text
+/// @prop Margin on the tab button text
 $tabs-md-tab-text-margin:              6px 0 !default;
 
-// Capitalization of the tab button text
+/// @prop Capitalization of the tab button text
 $tabs-md-tab-text-capitalization:      none !default;
 
-// Transform for the tab button text
+/// @prop Transform for the tab button text
 $tabs-md-tab-text-transform:           scale(.85) !default;
 
-// Transform origin for the tab button text
+/// @prop Transform origin for the tab button text
 $tabs-md-tab-text-transform-origin:    bottom center !default;
 
-// Margin on the active tab button text
+/// @prop Margin on the active tab button text
 $tabs-md-tab-text-margin-active:       7px 0 !default;
 
-// Transform for the active tab button text
+/// @prop Transform for the active tab button text
 $tabs-md-tab-text-transform-active:    scale(1) !default;
 
-// Text transition for the tab button text
+/// @prop Text transition for the tab button text
 $tabs-md-tab-text-transition:          transform 200ms ease-in-out !default;
 
-// Size of the tab button icon
+/// @prop Size of the tab button icon
 $tabs-md-tab-icon-size:                2.4rem !default;
 
 
diff --git a/src/components/tabs/tabs.wp.scss b/src/components/tabs/tabs.wp.scss
index 92eac0f078..d755087cff 100644
--- a/src/components/tabs/tabs.wp.scss
+++ b/src/components/tabs/tabs.wp.scss
@@ -4,40 +4,40 @@
 // Windows Tabs
 // --------------------------------------------------
 
-// Background color of the tabbar
+/// @prop Background color of the tabbar
 $tabs-wp-background:                    $toolbar-wp-background !default;
 
-// Padding on the tab button
+/// @prop Padding on the tab button
 $tabs-wp-tab-padding:                   12px 10px 5px 10px !default;
 
-// Min height of the tab button
+/// @prop Min height of the tab button
 $tabs-wp-tab-min-height:                4.8rem !default;
 
-// Font size of the tab button text
+/// @prop Font size of the tab button text
 $tabs-wp-tab-font-size:                 1.2rem !default;
 
-// Font weight of the tab button text
+/// @prop Font weight of the tab button text
 $tabs-wp-tab-font-weight:               normal !default;
 
-// Opacity of the inactive tab button
+/// @prop Opacity of the inactive tab button
 $tabs-wp-tab-opacity:                   .7 !default;
 
-// Text color of the inactive tab button
+/// @prop Text color of the inactive tab button
 $tabs-wp-tab-color:                     rgba($toolbar-wp-inactive-color, $tabs-wp-tab-opacity) !default;
 
-// Text color of the active tab button
+/// @prop Text color of the active tab button
 $tabs-wp-tab-color-active:              $toolbar-wp-active-color !default;
 
-// Border on the inactive tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
+/// @prop Border on the inactive tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
 $tabs-wp-tab-border:                    2px solid transparent !default;
 
-// Border color on the active tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
+/// @prop Border color on the active tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
 $tabs-wp-tab-border-color-active:       $tabs-wp-tab-color-active !default;
 
-// Background of the tab button when pressed
+/// @prop Background of the tab button when pressed
 $tabs-wp-tab-background-activated:      rgba(0, 0, 0, .1) !default;
 
-// Size of the tab button icon
+/// @prop Size of the tab button icon
 $tabs-wp-tab-icon-size:                 2.4rem !default;