Buttons: Standardize on .button-link for link-like buttons.

This serves as both a reset and some basic styling. The class name also aligns with parallel components in other popular projects.

props paulwilde for the initial patch.
fixes #34242.


git-svn-id: https://develop.svn.wordpress.org/trunk@35636 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi
2015-11-13 15:46:12 +00:00
parent 0068d161b3
commit 6f1bb2ab67
9 changed files with 65 additions and 122 deletions

View File

@@ -100,10 +100,6 @@ TABLE OF CONTENTS:
outline: none;
}
.ie8 .wp-core-ui .button-link:focus {
outline: #5b9dd9 solid 1px;
}
.wp-core-ui .button.hidden {
display: none;
}
@@ -140,13 +136,6 @@ TABLE OF CONTENTS:
vertical-align: baseline;
}
.wp-core-ui .button-link {
border: 0;
background: none;
outline: none;
cursor: pointer;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
@@ -206,6 +195,24 @@ TABLE OF CONTENTS:
cursor: default;
}
/* Buttons that look like links, for a cross of good semantics with the visual */
.wp-core-ui .button-link {
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
background: none;
outline: none;
cursor: pointer;
}
.wp-core-ui .button-link:focus {
outline: #5b9dd9 solid 1px;
}
/* ----------------------------------------------------------------------------
3.0 - Primary Button Style
---------------------------------------------------------------------------- */