Merge branch 'release/2.4.1'

Author: zufrieden

CHANGELOG.md

@@ -3,6 +3,11 @@ CHANGELOG
 
 This changelog references the relevant changes and bug fixes.
 
+* 2.4.1 (2015-01-16)
+ * #327 responsive adjustment
+ * #264 add comment about carousel accessibility
+ * #342 remove useless watch in gulp file set smaller max-width on title on screen-sm to avoid bug seen in #327
+
 * 2.4.0 (2015-01-05)
  * #327 Anchor link for context information when placed at the bottom
  * #319 [icons] Icon in download list are shown twice. 

VERSION

@@ -1 +1 @@
-2.4.0
+2.4.1

assets/pages/detail.html

@@ -416,7 +416,7 @@ <h2 id="br1" class="hidden">Breadcrumbs</h2>
         <div class="col-sm-8 col-md-9" id="content">
           <div class="row">
             <div class="col-md-8">
-                <div class="visible-xs">
+                <div class="visible-xs visible-sm">
                   <p><a href="#context-sidebar" class="icon icon--before icon--root">Context sidebar</a></p>
                 </div>
                 <a href="#" onclick="window.print()" class="icon icon--before icon--print pull-right"></a>

assets/pages/forms.html

@@ -419,7 +419,7 @@ <h2 id="br1" class="hidden">Breadcrumbs</h2>
 
             <div class="col-md-8">
 
-              <div class="visible-xs">
+              <div class="visible-xs visible-sm">
                 <p><a href="#context-sidebar" class="icon icon--before icon--root">Context sidebar</a></p>
               </div>
 

assets/pages/publications.html

@@ -416,7 +416,7 @@ <h2 id="br1" class="hidden">Breadcrumbs</h2>
         <div class="col-sm-8 col-md-9" id="content">
           <div class="row">
             <div class="col-md-8">
-              <div class="visible-xs">
+              <div class="visible-xs visible-sm">
                 <p><a href="#context-sidebar" class="icon icon--before icon--root">Context sidebar</a></p>
               </div>
               <article>

assets/sass/components/carousel.scss

@@ -24,6 +24,10 @@ In a rotating carousel a topic can be presented from different perspectives. The
 
 The carousel consists of various information blocks, each of which contains a large image, an optional small image, a brief teaser headline, a text, and a "more" link.
 
+**Accessibility issue**
+
+The carousel component is not totally compliant with accessibility standards. If you need to be compliant, please consider other options for presenting your content.
+
 ```html_example
 <div class="row">
   <div class="col-sm-6 col-sm-offset-3">

assets/sass/layout/brand.scss

@@ -67,6 +67,9 @@ The logo is a CD element. Its use is mandatory, and its representation may not b
     @media only screen and (max-width: $screen-md-max) {
       font-size: 0.85em;
     }
+    @media only screen and (max-width: $screen-sm-max) {
+      max-width: 210px;
+    }
     line-height: 1.3;
     margin: 0;
     padding-left: 2.5em;

build/css/admin.css

@@ -194,7 +194,6 @@ gulp.task('serve', ['styles'], function () {
     },
     open: false
   });
-  gulp.watch(['**/*.html'], reload);
   gulp.watch(['assets/sass/**/*.scss'], function() {
     runSequence('styles', 'print', 'styleguide', reload);
   });

gulpfile.js

@@ -8642,6 +8642,10 @@ <h1 id="d-carousel">Carousel</h1>
 <p>In a rotating carousel a topic can be presented from different perspectives. The various articles on the topic alternate automatically.</p>
 
 <p>The carousel consists of various information blocks, each of which contains a large image, an optional small image, a brief teaser headline, a text, and a &quot;more&quot; link.</p>
+
+<p><strong>Accessibility issue</strong></p>
+
+<p>The carousel component is not totally compliant with accessibility standards. If you need to be compliant, please consider other options for presenting your content.</p>
 <div class="codeExample"><div class="exampleOutput"><div class="row">
   <div class="col-sm-6 col-sm-offset-3">