updated core and modules

core/themes/bartik/css/components/block.css

@@ -3,7 +3,7 @@
  * Visual styles for Bartik's blocks.
  */
 
-/* Block has it's own content wrapper. */
+/* Block has its own content wrapper. */
 .block .content {
   margin-top: 10px;
 }

core/themes/bartik/css/components/buttons.css

@@ -19,6 +19,8 @@
   text-align: center;
   padding: 0.250em 1.063em;
   border-radius: 1em;
+  display: inline-block;
+  line-height: normal;
 }
 .button:hover,
 .button:active,

core/themes/bartik/css/components/comments.css

@@ -105,9 +105,6 @@
   margin-bottom: 0.45em;
   font-size: 1.171em;
 }
-.comment__content nav {
-  padding-top: 1px;
-}
 .indented {
   margin-left: 40px; /* LTR */
 }

core/themes/bartik/css/components/demo-block.css

@@ -16,6 +16,3 @@
 .featured-top .demo-block {
   font-size: 0.55em;
 }
-.header .demo-block {
-  width: 500px;
-}

core/themes/bartik/css/components/dropbutton.component.css

@@ -3,10 +3,6 @@
  * Visual styles for Bartik's dropbutton component.
  */
 
-.js .dropbutton-wrapper .dropbutton-widget {
-  /* This is required to win over specifity of .js td .dropbutton-widget */
-  position: relative;
-}
 .js .dropbutton-widget {
   border: 1px solid;
   border-color: #e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2;
@@ -29,6 +25,18 @@
   padding: 0.32em 1em;
   background: transparent none;
 }
+.js .dropbutton-multiple .dropbutton-widget,
+.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
+  padding: 0;
+}
+.js .dropbutton-multiple .dropbutton-widget .dropbutton {
+  padding-right: 2em; /* LTR */
+  position: relative;
+}
+.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget .dropbutton {
+  padding-right: 0;
+  padding-left: 2em;
+}
 .js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
   margin-right: 0; /* LTR */
 }

core/themes/bartik/css/components/feed-icon.css

@@ -4,7 +4,12 @@
  */
 
 .feed-icon {
-  border-bottom: none;
+  border-bottom: 1px solid transparent;
   display: inline-block;
-  padding: 15px 0 0 0;
+  padding-bottom: 2px;
+}
+
+.feed-icon:focus,
+.feed-icon:hover {
+  border-color: #018fe2;
 }

core/themes/bartik/css/components/field.css

@@ -56,7 +56,7 @@
   }
 }
 .field--type-image img,
-.field--name-field-user-picture img {
+.field--name-user-picture img {
   margin: 0 0 1em;
 }
 .field--type-image a {

core/themes/bartik/css/components/form.css

@@ -15,6 +15,18 @@ form {
 }
 fieldset {
   margin: 1em 0;
+  min-width: 0;
+}
+/**
+ * We've temporarily added this Firefox specific rule here to fix fieldset
+ * widths.
+ * @todo remove once this Mozilla bug is fixed.
+ * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
+ */
+@-moz-document url-prefix() {
+  fieldset {
+    display: table-cell;
+  }
 }
 details,
 fieldset,
@@ -116,9 +128,13 @@ input.form-submit:focus {
   margin-right: 1.2em;
   margin-left: 0;
 }
-.form-item label {
+.form-item label,
+.form-wrapper .label {
   font-size: 0.929em;
 }
+.form-wrapper .field-multiple-table .label {
+  font-size: inherit;
+}
 .form-type-radio label,
 .form-type-checkbox label {
   margin-left: 4px; /* LTR */
@@ -146,9 +162,13 @@ input.form-submit:focus {
   margin-bottom: 2em;
 }
 .node-form label,
-.node-form .description {
+.node-form .description,
+.node-form .form-wrapper .label {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+.node-form .form-wrapper .field-multiple-table .label {
+  font-family: inherit;
+}
 .node-form .form-wrapper {
   margin-bottom: 2em;
 }
@@ -280,3 +300,24 @@ input.form-submit:focus {
 .form-item--error-message {
   color: #e32700;
 }
+
+/**
+ * Improve form element usability on narrow devices.
+ */
+@media all and (max-width: 600px) {
+  .form-actions .button {
+    float: none;
+    margin: 10px 0 0;
+    padding-bottom: 6px;
+    width: 100%;
+    display: block;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+  }
+
+  .js .dropbutton .dropbutton-action > input, .js .dropbutton .dropbutton-action > a, .js .dropbutton .dropbutton-action > button {
+    text-align: center;
+    padding-left: 3em;
+  }
+}

core/themes/bartik/css/components/header.css

@@ -27,7 +27,11 @@
     float: right;
   }
 }
-
+@media screen and (max-width: 460px) {
+  .region-header {
+    padding-bottom: 0.357em;
+  }
+}
 /* Region header blocks. */
 .region-header .block:not(.site-branding) {
   font-size: 0.857em;

core/themes/bartik/css/components/menu.css

@@ -6,7 +6,7 @@
 /* This is needed to override ul.menu styles in menu.theme.css */
 ul.menu {
   margin: 0;
-  padding: 0 0 0.25em 0;
+  padding: 0 0 0.25em 1em;
 }
 
 /* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */

core/themes/bartik/css/components/node.css

@@ -40,11 +40,11 @@
   color: #68696b;
   margin-bottom: -5px;
 }
-.node__meta .field--name-field-user-picture img {
+.node__meta .field--name-user-picture img {
   float: left; /* LTR */
   margin: 1px 20px 0 0; /* LTR */
 }
-[dir="rtl"] .node__meta .field--name-field-user-picture img {
+[dir="rtl"] .node__meta .field--name-user-picture img {
   float: right;
   margin-left: 20px;
   margin-right: 0;

core/themes/bartik/css/components/primary-menu.css

@@ -200,3 +200,13 @@ body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu .
     display: none;
   }
 }
+
+/**
+ * Ensures that the open mobile menu hides when the screen dimensions become
+ * 461px or wider.
+ */
+@media all and (min-width: 461px) {
+  body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide {
+    display: none;
+  }
+}

core/themes/bartik/css/components/table.css

@@ -48,6 +48,10 @@ tr th {
   border: 1px solid #fff;
   text-align: left; /* LTR */
 }
+.tabledrag-handle:hover,
+.tabledrag-handle {
+  border: none;
+}
 [dir="rtl"] tr td,
 [dir="rtl"] tr th {
   text-align: right;