From f8755a6f42ba3abbf6a254f5861a6ba25784f290 Mon Sep 17 00:00:00 2001
From: Alex Pott <alex.a.pott@googlemail.com>
Date: Thu, 6 Aug 2015 13:37:47 +0100
Subject: [PATCH] Issue #2542604 by danharper, g.oechsler: Clean up the
 "buttons" component in Bartik

---
 core/themes/bartik/bartik.libraries.yml            |  1 +
 core/themes/bartik/css/components/buttons.css      | 13 ++++---------
 core/themes/bartik/css/components/image-button.css | 13 +++++++++++++
 3 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 core/themes/bartik/css/components/image-button.css

diff --git a/core/themes/bartik/bartik.libraries.yml b/core/themes/bartik/bartik.libraries.yml
index 2ae3ae0ca7b..3b672a6a327 100644
--- a/core/themes/bartik/bartik.libraries.yml
+++ b/core/themes/bartik/bartik.libraries.yml
@@ -42,6 +42,7 @@ global-styling:
       css/components/vertical-tabs.component.css: {}
       css/components/views.css: {}
       css/components/buttons.css: {}
+      css/components/image-button.css: {}
       css/components/ui-dialog.css: {}
     layout:
       css/layout.css: {}
diff --git a/core/themes/bartik/css/components/buttons.css b/core/themes/bartik/css/components/buttons.css
index 14992b38e24..e0eb43bacd8 100644
--- a/core/themes/bartik/css/components/buttons.css
+++ b/core/themes/bartik/css/components/buttons.css
@@ -1,4 +1,7 @@
-/* ---------------- Buttons    ---------------- */
+/**
+ * @file
+ * Styles for Bartik's buttons.
+ */
 
 .button {
   background-color: #fff;
@@ -33,11 +36,3 @@
   color: #717171;
   cursor: default;
 }
-.image-button.is-disabled:hover,
-.image-button.is-disabled:active,
-.image-button.is-disabled:focus,
-.image-button.is-disabled {
-  background: transparent;
-  opacity: 0.5;
-  cursor: default;
-}
diff --git a/core/themes/bartik/css/components/image-button.css b/core/themes/bartik/css/components/image-button.css
new file mode 100644
index 00000000000..fc6cadbad48
--- /dev/null
+++ b/core/themes/bartik/css/components/image-button.css
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * Styles for Bartik's image buttons.
+ */
+
+.image-button.is-disabled:hover,
+.image-button.is-disabled:active,
+.image-button.is-disabled:focus,
+.image-button.is-disabled {
+  background: transparent;
+  opacity: 0.5;
+  cursor: default;
+}