Add tags

sass/elements/table.sass

@@ -24,7 +24,6 @@ $table-striped-row-even-hover-background-color: $white-ter !default
   background-color: $table-background-color
   color: $table-color
   margin-bottom: 1.5rem
-  width: 100%
   td,
   th
     border: $table-cell-border
@@ -77,6 +76,8 @@ $table-striped-row-even-hover-background-color: $white-ter !default
         td,
         th
           border-bottom-width: 1px
+  &.is-fullwidth
+    width: 100%
   &.is-narrow
     td,
     th

sass/elements/tag.sass

@@ -1,18 +1,42 @@
 $tag-background-color: $background !default
 $tag-color: $text !default
+$tag-radius: $radius !default
+
+.tags
+  align-items: center
+  display: flex
+  flex-wrap: wrap
+  justify-content: flex-start
+  .tag
+    margin-bottom: 0.5rem
+    &:not(:last-child)
+      margin-right: 0.5rem
+  &:last-child
+    margin-bottom: -0.5rem
+  &:not(:last-child)
+    margin-bottom: 1rem
+  &.has-addons
+    .tag
+      margin-right: 0
+      &:not(:first-child)
+        border-bottom-left-radius: 0
+        border-top-left-radius: 0
+      &:not(:last-child)
+        border-bottom-right-radius: 0
+        border-top-right-radius: 0
 
 .tag
   align-items: center
   background-color: $tag-background-color
-  border-radius: 290486px
+  border-radius: $tag-radius
   color: $tag-color
   display: inline-flex
   font-size: $size-small
   height: 2em
   justify-content: center
   line-height: 1.5
-  padding-left: 0.875em
-  padding-right: 0.875em
+  padding-left: 0.75em
+  padding-right: 0.75em
   white-space: nowrap
   .delete
     margin-left: 0.25em
@@ -29,3 +53,10 @@ $tag-color: $text !default
     font-size: $size-normal
   &.is-large
     font-size: $size-medium
+  // Modifiers
+  &.is-rounded
+    border-radius: 290486px
+
+a.tag
+  &:hover
+    text-decoration: underline

sass/elements/title.sass

@@ -1,12 +1,14 @@
 $title-color: $grey-darker !default
 $title-size: $size-3 !default
-$title-weight: $weight-light !default
-$title-weight-bold: $weight-semibold !default
+$title-weight: $weight-bold !default
+$title-strong-color: inherit !default
+$title-strong-weight: inherit !default
 
 $subtitle-color: $grey-dark !default
 $subtitle-size: $size-5 !default
-$subtitle-strong: $grey-darker !default
-$subtitle-weight: $weight-light !default
+$subtitle-weight: $weight-normal !default
+$subtitle-strong-color: $grey-darker !default
+$subtitle-strong-weight: $weight-semibold !default
 
 .title,
 .subtitle
@@ -14,9 +16,7 @@ $subtitle-weight: $weight-light !default
   word-break: break-word
   em,
   span
-    font-weight: $title-weight
-  strong
-    font-weight: $title-weight-bold
+    font-weight: inherit
   .tag
     vertical-align: middle
 
@@ -26,7 +26,8 @@ $subtitle-weight: $weight-light !default
   font-weight: $title-weight
   line-height: 1.125
   strong
-    color: inherit
+    color: $title-strong-color
+    font-weight: $title-strong-weight
   & + .highlight
     margin-top: -0.75rem
   &:not(.is-spaced) + .subtitle
@@ -43,7 +44,8 @@ $subtitle-weight: $weight-light !default
   font-weight: $subtitle-weight
   line-height: 1.25
   strong
-    color: $subtitle-strong
+    color: $subtitle-strong-color
+    font-weight: $subtitle-strong-weight
   &:not(.is-spaced) + .title
     margin-top: -1.5rem
   // Sizes

sass/utilities/initial-variables.sass

@@ -38,7 +38,8 @@ $size-7: 0.75rem !default
 
 $weight-light: 300 !default
 $weight-normal: 400 !default
-$weight-semibold: 500 !default
+$weight-medium: 500 !default
+$weight-semibold: 600 !default
 $weight-bold: 700 !default
 
 // Responsiveness