diff core/themes/seven/css/components/buttons.css @ 18:af1871eacc83

Update to Drupal core 8.7.1
author Chris Cannam
date Thu, 09 May 2019 15:33:08 +0100
parents 1fec387a4317
children
line wrap: on
line diff
--- a/core/themes/seven/css/components/buttons.css	Thu Feb 28 13:21:36 2019 +0000
+++ b/core/themes/seven/css/components/buttons.css	Thu May 09 15:33:08 2019 +0100
@@ -22,38 +22,38 @@
  *
  */
 .button {
+  position: relative;  /* 1 */
+  display: inline-block;
   box-sizing: border-box;
-  display: inline-block;
-  position: relative;  /* 1 */
+  padding: 4px 1.5em;  /* 4 */
+  cursor: pointer;
+  -webkit-transition: all 0.1s;
+  transition: all 0.1s;
   text-align: center;
-  line-height: normal;  /* 2 */
-  cursor: pointer;
-  -webkit-appearance: none;  /* 3 */
-  -moz-appearance: none;  /* 3 */
-  padding: 4px 1.5em;  /* 4 */
+  text-decoration: none;
+  color: #333;
   border: 1px solid #a6a6a6;
   border-radius: 20em;
   background-color: #f2f1eb;
   background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
   background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
-  color: #333;
-  text-decoration: none;
   text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
-  font-weight: 600;
   font-size: 14px;
   font-size: 0.875rem;  /* 5 */
-  -webkit-transition: all 0.1s;
-  transition: all 0.1s;
+  font-weight: 600;
+  line-height: normal;  /* 2 */
+  -webkit-appearance: none;  /* 3 */
+  -moz-appearance: none;  /* 3 */
   -webkit-font-smoothing: antialiased;  /* 6 */
 }
 .button:hover,
 .button:focus {
+  text-decoration: none;
+  color: #1a1a1a;
+  outline: none;
   background-color: #f9f8f6;
   background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
   background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
-  color: #1a1a1a;
-  text-decoration: none;
-  outline: none;
 }
 .button:hover {
   box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
@@ -66,32 +66,32 @@
   box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
 }
 .button:active {
+  -webkit-transition: none;
+  transition: none;
   border: 1px solid #a6a6a6;
   background-color: #dfdfd9;
   background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
   background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
-  -webkit-transition: none;
-  transition: none;
 }
 
 .button--primary {
+  color: #fff;
   border-color: #1e5c90;
   background-color: #0071b8;
   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
-  color: #fff;
   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
   font-weight: 700;
   -webkit-font-smoothing: antialiased;
 }
 .button--primary:hover,
 .button--primary:focus {
+  color: #fff;
+  border-color: #1e5c90;
   background-color: #2369a6;
   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
   background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
-  border-color: #1e5c90;
-  color: #fff;
 }
 .button--primary:focus {
   border: 1px solid #1280df;
@@ -100,9 +100,9 @@
   box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
 }
 .button--primary:active {
+  border-color: #144b78;
   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
   background-image: linear-gradient(to bottom, #08639b, #0071b8);
-  border-color: #144b78;
   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
 }
 
@@ -128,22 +128,22 @@
  * 1. Use px units to ensure button text is centered vertically.
  */
 .no-touchevents .button--small {
+  padding: 2px 1em;  /* 1 */
   font-size: 13px;
   font-size: 0.813rem;
-  padding: 2px 1em;  /* 1 */
 }
 
 .button:disabled,
 .button:disabled:active,
 .button.is-disabled,
 .button.is-disabled:active {
+  cursor: default;
+  color: #5c5c5c;
   border-color: #d4d4d4;
   background: #ededed;
   box-shadow: none;
-  color: #5c5c5c;
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
   font-weight: normal;
-  cursor: default;
-  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
 }
 
 /* Link actions. */
@@ -154,19 +154,19 @@
  */
 .link {
   display: inline;
+  padding: 0;
   cursor: pointer;
-  padding: 0;
+  text-decoration: none;
+  color: #0074bd;
   border: 0;
   background: none;
   -webkit-appearance: none;
   -moz-appearance: none;
-  color: #0074bd;
-  text-decoration: none;
 }
 .link:hover,
 .link:focus {
+  text-decoration: underline;
   color: #008ee6;
-  text-decoration: underline;
 }
 
 /**
@@ -177,37 +177,37 @@
  */
 .button--danger {
   display: inline;
+  padding: 0;
   cursor: pointer;
-  padding: 0;
+  text-decoration: underline;
+  color: #c72100;
   border: 0;
   border-radius: 0;
+  background: none;
   box-shadow: none;
-  background: none;
+  font-weight: 400;
   -webkit-appearance: none;
   -moz-appearance: none;
-  color: #c72100;
-  font-weight: 400;
-  text-decoration: underline;
 }
 .button--danger:hover,
 .button--danger:focus,
 .button--danger:active {
+  padding: 0;
+  text-decoration: underline;
   color: #ff2a00;
-  text-decoration: underline;
+  border: 0;
+  background: none;
+  box-shadow: none;
   text-shadow: none;
-  padding: 0;
-  border: 0;
-  box-shadow: none;
-  background: none;
 }
 .button--danger:disabled,
 .button--danger.is-disabled {
-  color: #737373;
+  padding: 0;
   cursor: default;
   text-decoration: none;
+  color: #737373;
+  border: 0;
+  background: none;
+  box-shadow: none;
   -webkit-font-smoothing: antialiased;
-  padding: 0;
-  border: 0;
-  box-shadow: none;
-  background: none;
 }