Fixes sizing of attached headers to match segments

build/less/themes/packages/default/collections/message.variables

@@ -31,7 +31,7 @@
 ;
 
 /* Header */
-@headerFontSize: 1.3rem;
+@headerFontSize: 1.2rem;
 @headerFontWeight: bold;
 @headerBottomMargin: 0.25em;
 @headerDisplay: block;

build/less/themes/packages/default/elements/header.variables

@@ -72,18 +72,18 @@
 @dividedIconPadding: 0.2em;
 
 /* Block */
-@blockBackground: @offWhite @subtleGradient;
+@blockBackground: @darkWhite @subtleGradient;
 @blockBoxShadow: @subtleShadow;
 @blockBorder: 1px solid @solidBorderColor;
 @blockHorizontalPadding: 1em;
 @blockVerticalPadding: 0.5em;
 @blockBorderRadius: 0.3125rem;
 
-@tinyBlock: 0.9em;
-@smallBlock: 1em;
-@mediumBlock: 1.1em;
-@largeBlock: 1.25em;
-@hugeBlock: 1.5em;
+@tinyBlock: 0.875em;
+@smallBlock: 0.9em;
+@mediumBlock: 1em;
+@largeBlock: 1.1em;
+@hugeBlock: 1.25em;
 
 /* Attached */
 @attachedOffset: 0px;

build/less/themes/packages/default/elements/icon.overrides

@@ -97,7 +97,6 @@ i.icon.download:before { content: "\f019"; }
 i.icon.repeat:before { content: "\f01e"; }
 i.icon.refresh:before { content: "\f021"; }
 i.icon.lock:before { content: "\f023"; }
-i.icon.flag:before { content: "\f024"; }
 i.icon.bookmark:before { content: "\f02e"; }
 i.icon.print:before { content: "\f02f"; }
 i.icon.write:before { content: "\f040"; }
@@ -145,13 +144,13 @@ i.icon.write.square:before { content: "\f14b"; }
 i.icon.share.square:before { content: "\f14d"; }
 
 /* Messages */
-i.icon.help.square:before { content: "\f059"; }
-i.icon.info.square:before { content: "\f05a"; }
-i.icon.warning.square:before { content: "\f06a"; }
+i.icon.help.circle:before { content: "\f059"; }
+i.icon.info.circle:before { content: "\f05a"; }
+i.icon.warning:before { content: "\f12a"; }
+i.icon.warning.circle:before { content: "\f06a"; }
 i.icon.warning.sign:before { content: "\f071"; }
 i.icon.help:before { content: "\f128"; }
 i.icon.info:before { content: "\f129"; }
-i.icon.warning:before { content: "\f12a"; }
 i.icon.announcement:before { content: "\f0a1"; }
 
 /* Users */
@@ -178,6 +177,7 @@ i.icon.crop:before { content: "\f125"; }
 /* Literal Objects */
 i.icon.cocktail:before { content: "\f000"; }
 i.icon.road:before { content: "\f018"; }
+i.icon.flag:before { content: "\f024"; }
 i.icon.book:before { content: "\f02d"; }
 i.icon.gift:before { content: "\f06b"; }
 i.icon.leaf:before { content: "\f06c"; }
@@ -547,7 +547,6 @@ i.icon.clock:before { content: "\f017"; }
 i.icon.time:before { content: "\f017"; }
 i.icon.play.circle.outline:before { content: "\f01d"; }
 i.icon.clockwise:before { content: "\f01e"; }
-i.icon.warning:before { content: "\f024"; }
 i.icon.headphone:before { content: "\f025"; }
 i.icon.volume.off:before { content: "\f026"; }
 i.icon.camera:before { content: "\f030"; }

build/less/themes/packages/github/collections/menu.variables

@@ -39,9 +39,6 @@
       Elements
 --------------------*/
 
-@inputVerticalPadding: 0.65em;
-@inputIconOffset: -0.1em;
-
 @buttonOffset: -0.15em;
 @buttonVerticalPadding: 0.75em;
 

build/less/themes/packages/timeline/views/feed.overrides

@@ -1,4 +1,4 @@
-n/*******************************
+/*******************************
     User Variable Overrides
 *******************************/
 

build/minified/definitions/collections/message.min.css

@@ -11,4 +11,4 @@
 * Released: 08/13/2014
 */
 
-.ui.message{position:relative;min-height:1em;margin:1em 0;background:#efefef;padding:1em 1.5em;line-height:1.3;color:rgba(0,0,0,.8);-webkit-transition:opacity .2s ease,color .2s ease,background .2s ease,-webkit-box-shadow .2s ease;transition:opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;border-radius:.25em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 2px 1px 0 rgba(0,0,0,.05)}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:1.3rem;font-weight:700;margin:0}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.5em 0 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message ul.list li:first-child{margin-top:0}.ui.message .icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.header.visible,.ui.message.visible{display:block!important}.ui.header.hidden,.ui.message.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;border-radius:.25em .25em 0 0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .25em .25em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 2px 1px 0 rgba(0,0,0,.05)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{display:block;width:auto}.ui.icon.message{display:table;width:100%}.ui.icon.message>.icon:not(.close){display:table-cell;vertical-align:middle;font-size:3em;opacity:.8;padding-right:1.5rem}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.floating.message{-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 1px 4px 0 rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15) inset}.ui.black.message,.ui.inverted.message{background-color:#333;color:#fff}.ui.positive.message{background-color:#dff0d8;color:#3c763d}.ui.positive.message .header{color:#336534}.ui.negative.message{background-color:#f2dede;color:#a94442}.ui.negative.message .header{color:#973d3b}.ui.info.message{background-color:#d9edf7;color:#31708f}.ui.info.message .header{color:#2a617c}.ui.warning.message{background-color:#fcf8e3;color:#8a6d3b}.ui.warning.message .header{color:#785f33}.ui.error.message{background-color:#f2dede;color:#a94442}.ui.error.message .header{color:#973d3b}.ui.success.message{background-color:#dff0d8;color:#3c763d}.ui.success.message .header{color:#336534}.ui.blue.message{background-color:#d3e4f3;color:#0074d9}.ui.blue.message .header{color:#0066c0}.ui.green.message{background-color:#def2e0;color:#2ecc40}.ui.green.message .header{color:#29b739}.ui.orange.message{background-color:#f7e5d6;color:#ff851b}.ui.orange.message .header{color:#ff7701}.ui.pink.message{background-color:#f9cee6;color:#d9499a}.ui.pink.message .header{color:#d5348e}.ui.purple.message{background-color:#e0ddf5;color:#a24096}.ui.purple.message .header{color:#903985}.ui.red.message{background-color:#f8d5d3;color:#ff4136}.ui.red.message .header{color:#ff291c}.ui.teal.message{background-color:#d2f5f5;color:#39cccc}.ui.teal.message .header{color:#30bbbb}.ui.yellow.message{background-color:#fcf5d8;color:#b58105}.ui.yellow.message .header{color:#9c6f04}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
+.ui.message{position:relative;min-height:1em;margin:1em 0;background:#efefef;padding:1em 1.5em;line-height:1.3;color:rgba(0,0,0,.8);-webkit-transition:opacity .2s ease,color .2s ease,background .2s ease,-webkit-box-shadow .2s ease;transition:opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;border-radius:.25em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 2px 1px 0 rgba(0,0,0,.05)}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:700;margin:0}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.5em 0 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message ul.list li:first-child{margin-top:0}.ui.message .icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.header.visible,.ui.message.visible{display:block!important}.ui.header.hidden,.ui.message.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;border-radius:.25em .25em 0 0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .25em .25em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 2px 1px 0 rgba(0,0,0,.05)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{display:block;width:auto}.ui.icon.message{display:table;width:100%}.ui.icon.message>.icon:not(.close){display:table-cell;vertical-align:middle;font-size:3em;opacity:.8;padding-right:1.5rem}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.floating.message{-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 1px 4px 0 rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15) inset}.ui.black.message,.ui.inverted.message{background-color:#333;color:#fff}.ui.positive.message{background-color:#dff0d8;color:#3c763d}.ui.positive.message .header{color:#336534}.ui.negative.message{background-color:#f2dede;color:#a94442}.ui.negative.message .header{color:#973d3b}.ui.info.message{background-color:#d9edf7;color:#31708f}.ui.info.message .header{color:#2a617c}.ui.warning.message{background-color:#fcf8e3;color:#8a6d3b}.ui.warning.message .header{color:#785f33}.ui.error.message{background-color:#f2dede;color:#a94442}.ui.error.message .header{color:#973d3b}.ui.success.message{background-color:#dff0d8;color:#3c763d}.ui.success.message .header{color:#336534}.ui.blue.message{background-color:#d3e4f3;color:#0074d9}.ui.blue.message .header{color:#0066c0}.ui.green.message{background-color:#def2e0;color:#2ecc40}.ui.green.message .header{color:#29b739}.ui.orange.message{background-color:#f7e5d6;color:#ff851b}.ui.orange.message .header{color:#ff7701}.ui.pink.message{background-color:#f9cee6;color:#d9499a}.ui.pink.message .header{color:#d5348e}.ui.purple.message{background-color:#e0ddf5;color:#a24096}.ui.purple.message .header{color:#903985}.ui.red.message{background-color:#f8d5d3;color:#ff4136}.ui.red.message .header{color:#ff291c}.ui.teal.message{background-color:#d2f5f5;color:#39cccc}.ui.teal.message .header{color:#30bbbb}.ui.yellow.message{background-color:#fcf5d8;color:#b58105}.ui.yellow.message .header{color:#9c6f04}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

build/packaged/definitions/css/semantic.css

@@ -136,6 +136,9 @@
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
           Breadcrumb
 *******************************/
@@ -150,9 +153,6 @@
        States
 --------------------*/
 /* Sizes */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/
@@ -3983,7 +3983,7 @@ body > .ui.grid:not(.page) {
 .ui.message .header {
   display: block;
   font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
-  font-size: 1.3rem;
+  font-size: 1.2rem;
   font-weight: bold;
   margin: 0em 0em 0em 0em;
 }
@@ -8675,6 +8675,9 @@ i.flag.zimbabwe {
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
             Header
 *******************************/
@@ -8696,9 +8699,6 @@ i.flag.zimbabwe {
 /* Block */
 /* Attached */
 /* Floated */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/
@@ -9020,9 +9020,9 @@ h5.ui.header {
         Block
 --------------------*/
 .ui.block.header {
-  background: #fafafa -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
-  background: #fafafa -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #fafafa linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
+  background: #f0f0f0 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   padding: 0.5em 1em;
   -webkit-box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.05);
           box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.05);
@@ -9030,27 +9030,27 @@ h5.ui.header {
   border-radius: 0.3125rem;
 }
 .ui.tiny.block.header {
-  font-size: 0.9em;
+  font-size: 0.875em;
 }
 .ui.small.block.header {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 .ui.block.header {
-  font-size: 1.1em;
+  font-size: 1em;
 }
 .ui.large.block.header {
-  font-size: 1.25em;
+  font-size: 1.1em;
 }
 .ui.huge.block.header {
-  font-size: 1.5em;
+  font-size: 1.25em;
 }
 /*-------------------
        Attached
 --------------------*/
 .ui.attached.header {
-  background: #fafafa -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
-  background: #fafafa -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #fafafa linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
+  background: #f0f0f0 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   margin: 0em;
   padding: 0.7em 1rem;
   -webkit-box-shadow: 0px 0px 0px 1px #dddddd;
@@ -9076,19 +9076,19 @@ h5.ui.header {
   border-radius: 0em 0em 0.3125rem 0.3125rem;
 }
 .ui.tiny.attached.header {
-  font-size: 0.9em;
+  font-size: 0.875em;
 }
 .ui.small.attached.header {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 .ui.attached.header {
-  font-size: 1.1em;
+  font-size: 1em;
 }
 .ui.large.attached.header {
-  font-size: 1.25em;
+  font-size: 1.1em;
 }
 .ui.huge.attached.header {
-  font-size: 1.5em;
+  font-size: 1.25em;
 }
 /*-------------------
         Sizing
@@ -9719,9 +9719,6 @@ i.icon.refresh:before {
 i.icon.lock:before {
   content: "\f023";
 }
-i.icon.flag:before {
-  content: "\f024";
-}
 i.icon.bookmark:before {
   content: "\f02e";
 }
@@ -9858,13 +9855,16 @@ i.icon.share.square:before {
   content: "\f14d";
 }
 /* Messages */
-i.icon.help.square:before {
+i.icon.help.circle:before {
   content: "\f059";
 }
-i.icon.info.square:before {
+i.icon.info.circle:before {
   content: "\f05a";
 }
-i.icon.warning.square:before {
+i.icon.warning:before {
+  content: "\f12a";
+}
+i.icon.warning.circle:before {
   content: "\f06a";
 }
 i.icon.warning.sign:before {
@@ -9876,9 +9876,6 @@ i.icon.help:before {
 i.icon.info:before {
   content: "\f129";
 }
-i.icon.warning:before {
-  content: "\f12a";
-}
 i.icon.announcement:before {
   content: "\f0a1";
 }
@@ -9942,6 +9939,9 @@ i.icon.cocktail:before {
 i.icon.road:before {
   content: "\f018";
 }
+i.icon.flag:before {
+  content: "\f024";
+}
 i.icon.book:before {
   content: "\f02d";
 }
@@ -10964,9 +10964,6 @@ i.icon.play.circle.outline:before {
 i.icon.clockwise:before {
   content: "\f01e";
 }
-i.icon.warning:before {
-  content: "\f024";
-}
 i.icon.headphone:before {
   content: "\f025";
 }

build/uncompressed/definitions/collections/breadcrumb.css

@@ -136,6 +136,9 @@
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
           Breadcrumb
 *******************************/
@@ -150,9 +153,6 @@
        States
 --------------------*/
 /* Sizes */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/

build/uncompressed/definitions/collections/message.css

@@ -201,7 +201,7 @@
 .ui.message .header {
   display: block;
   font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
-  font-size: 1.3rem;
+  font-size: 1.2rem;
   font-weight: bold;
   margin: 0em 0em 0em 0em;
 }

build/uncompressed/definitions/elements/header.css

@@ -136,6 +136,9 @@
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
             Header
 *******************************/
@@ -157,9 +160,6 @@
 /* Block */
 /* Attached */
 /* Floated */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/
@@ -481,9 +481,9 @@ h5.ui.header {
         Block
 --------------------*/
 .ui.block.header {
-  background: #fafafa -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
-  background: #fafafa -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #fafafa linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
+  background: #f0f0f0 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   padding: 0.5em 1em;
   -webkit-box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.05);
           box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.05);
@@ -491,27 +491,27 @@ h5.ui.header {
   border-radius: 0.3125rem;
 }
 .ui.tiny.block.header {
-  font-size: 0.9em;
+  font-size: 0.875em;
 }
 .ui.small.block.header {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 .ui.block.header {
-  font-size: 1.1em;
+  font-size: 1em;
 }
 .ui.large.block.header {
-  font-size: 1.25em;
+  font-size: 1.1em;
 }
 .ui.huge.block.header {
-  font-size: 1.5em;
+  font-size: 1.25em;
 }
 /*-------------------
        Attached
 --------------------*/
 .ui.attached.header {
-  background: #fafafa -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
-  background: #fafafa -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #fafafa linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
+  background: #f0f0f0 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+  background: #f0f0f0 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   margin: 0em;
   padding: 0.7em 1rem;
   -webkit-box-shadow: 0px 0px 0px 1px #dddddd;
@@ -537,19 +537,19 @@ h5.ui.header {
   border-radius: 0em 0em 0.3125rem 0.3125rem;
 }
 .ui.tiny.attached.header {
-  font-size: 0.9em;
+  font-size: 0.875em;
 }
 .ui.small.attached.header {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 .ui.attached.header {
-  font-size: 1.1em;
+  font-size: 1em;
 }
 .ui.large.attached.header {
-  font-size: 1.25em;
+  font-size: 1.1em;
 }
 .ui.huge.attached.header {
-  font-size: 1.5em;
+  font-size: 1.25em;
 }
 /*-------------------
         Sizing

build/uncompressed/definitions/elements/icon.css

@@ -614,9 +614,6 @@ i.icon.refresh:before {
 i.icon.lock:before {
   content: "\f023";
 }
-i.icon.flag:before {
-  content: "\f024";
-}
 i.icon.bookmark:before {
   content: "\f02e";
 }
@@ -753,13 +750,16 @@ i.icon.share.square:before {
   content: "\f14d";
 }
 /* Messages */
-i.icon.help.square:before {
+i.icon.help.circle:before {
   content: "\f059";
 }
-i.icon.info.square:before {
+i.icon.info.circle:before {
   content: "\f05a";
 }
-i.icon.warning.square:before {
+i.icon.warning:before {
+  content: "\f12a";
+}
+i.icon.warning.circle:before {
   content: "\f06a";
 }
 i.icon.warning.sign:before {
@@ -771,9 +771,6 @@ i.icon.help:before {
 i.icon.info:before {
   content: "\f129";
 }
-i.icon.warning:before {
-  content: "\f12a";
-}
 i.icon.announcement:before {
   content: "\f0a1";
 }
@@ -837,6 +834,9 @@ i.icon.cocktail:before {
 i.icon.road:before {
   content: "\f018";
 }
+i.icon.flag:before {
+  content: "\f024";
+}
 i.icon.book:before {
   content: "\f02d";
 }
@@ -1859,9 +1859,6 @@ i.icon.play.circle.outline:before {
 i.icon.clockwise:before {
   content: "\f01e";
 }
-i.icon.warning:before {
-  content: "\f024";
-}
 i.icon.headphone:before {
   content: "\f025";
 }

server/documents/elements/segment.html.eco

@@ -92,6 +92,11 @@ themes      : ['default', 'GitHub']
     <h4 class="ui header">Attached</h4>
     <p>A segment can be attached to other content on a page</p>
 
+    <div class="ui ignored info message">
+      <div class="header">Adding section headers</div>
+      <p>Attached segments are designed to be used with <code>attached header</code> a variation of <a href="/elements/header.html">header</a> that can attach to segments.</p>
+      <p>You can also attach <a href="/collections/message.html">ui messages</a> to segments as well</p>
+    </div>
     <div class="ui top attached segment">
       <p>This segment is on top</p>
     </div>
@@ -102,6 +107,30 @@ themes      : ['default', 'GitHub']
       <p>This segment is on bottom</p>
     </div>
   </div>
+  <div class="another example">
+    <h5 class="ui top attached header">
+      Dogs
+    </h5>
+    <div class="ui attached segment">
+      <p>Dogs are one type of animal</p>
+    </div>
+    <h5 class="ui attached header">
+      Cats
+    </h5>
+    <div class="ui attached segment">
+      <p>Cats are thought of as being related to dogs, but only humans think this.</p>
+    </div>
+    <h5 class="ui attached header">
+      Lions
+    </h5>
+    <div class="ui attached segment">
+      <p>Humans don't think of lions as being like cats, but they are.</p>
+    </div>
+    <div class="ui bottom attached warning message">
+      <i class="warning icon"></i>
+      You've reached the end of this content segment!
+    </div>
+  </div>
 
 
   <div class="example">

server/files/stylesheets/semantic.css

@@ -731,7 +731,7 @@ body.guide .main.container > * {
 #example .another.example i.code {
   top: 0px;
 }
-#example .another.example i.code ~ .message {
+#example .another.example i.code ~ .ignored.message {
   margin-top: 0em;
 }
 #example .example > p {

src/themes/packages/default/elements/header.variables

@@ -72,18 +72,18 @@
 @dividedIconPadding: 0.2em;
 
 /* Block */
-@blockBackground: @offWhite @subtleGradient;
+@blockBackground: @darkWhite @subtleGradient;
 @blockBoxShadow: @subtleShadow;
 @blockBorder: 1px solid @solidBorderColor;
 @blockHorizontalPadding: 1em;
 @blockVerticalPadding: 0.5em;
 @blockBorderRadius: 0.3125rem;
 
-@tinyBlock: 0.9em;
-@smallBlock: 1em;
-@mediumBlock: 1.1em;
-@largeBlock: 1.25em;
-@hugeBlock: 1.5em;
+@tinyBlock: 0.875em;
+@smallBlock: 0.9em;
+@mediumBlock: 1em;
+@largeBlock: 1.1em;
+@hugeBlock: 1.25em;
 
 /* Attached */
 @attachedOffset: 0px;