Mercurial > hg > isophonics-drupal-site
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; }