Skip to content
Browse files

Adding the ability to have a link button: <a class="button">

  • Loading branch information...
1 parent 0870706 commit 7b038c675ef7d7ec6bca47f6f89dfa6c8afcc1ae @nathansmith committed Aug 16, 2012
View
22 assets/css/_formalize.sass
@@ -41,9 +41,9 @@
input[type="search"]::-webkit-search-decoration
display: none
-// For Firefox
input,
button,
+.button,
select,
textarea
// Suppress red glow that Firefox
@@ -65,6 +65,7 @@ input[type="checkbox"]
+box-shadow(none)
button,
+a.button,
input[type="reset"],
input[type="submit"],
input[type="button"]
@@ -77,6 +78,7 @@ input[type="button"]
border-color: #ddd #bbb #999
cursor: pointer
color: #333
+ display: inline-block
// Helvetica Neue present, because it works better
// for line-height on buttons than Arial, on OS X.
font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif
@@ -85,6 +87,7 @@ input[type="button"]
margin: 0
padding: 3px 10px
text-shadow: #fff 0 1px 1px
+ text-decoration: none
vertical-align: top
width: auto
&:hover
@@ -103,6 +106,10 @@ input[type="button"]
border: 0
padding: 0
+a.button
+ // IE7
+ *padding-bottom: 3px
+
button
// IE7
*padding-top: 1px
@@ -153,7 +160,8 @@ input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
-textarea[disabled]
+textarea[disabled],
+a.button_disabled
+box-shadow(none)
-moz-user-select: -moz-none
-webkit-user-select: none
@@ -271,17 +279,25 @@ optgroup
// }
.ie6_button,
-* html button
+* html button,
+* html a.button
background: #ddd image-url('button.png') repeat-x
border: 1px solid
border-color: #ddd #bbb #999
cursor: pointer
color: #333
font: bold 12px/1.2 Arial, sans-serif
padding: 2px 10px 0px
+ text-decoration: none
overflow: visible
+ vertical-align: top
width: auto
+* html a.button
+ position: relative
+ top: 3px
+ padding-bottom: 2px
+
* html button
padding-top: 1px
padding-bottom: 1px
View
645 assets/css/demo.css
@@ -1,47 +1,654 @@
-@import 'reset.css';
-@import 'text.css';
-@import 'formalize.css';
+a,
+abbr,
+acronym,
+address,
+applet,
+article,
+aside,
+audio,
+b,
+big,
+blockquote,
+body,
+canvas,
+caption,
+center,
+cite,
+code,
+dd,
+del,
+details,
+dfn,
+dialog,
+div,
+dl,
+dt,
+em,
+embed,
+fieldset,
+figcaption,
+figure,
+font,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+hgroup,
+hr,
+html,
+i,
+iframe,
+img,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+meter,
+nav,
+object,
+ol,
+output,
+p,
+pre,
+progress,
+q,
+rp,
+rt,
+ruby,
+s,
+samp,
+section,
+small,
+span,
+strike,
+strong,
+sub,
+summary,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+tt,
+u,
+ul,
+var,
+video,
+xmp {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+}
-/* `Body
-----------------------------------------------------------------------------------------------------*/
+html,
+body {
+ height: 100%;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+img {
+ color: transparent;
+ font-size: 0;
+ vertical-align: middle;
+ -ms-interpolation-mode: bicubic;
+}
+
+ul,
+ol {
+ list-style: none;
+}
+
+li {
+ display: list-item;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+th,
+td,
+caption {
+ font-weight: normal;
+ vertical-align: top;
+ text-align: left;
+}
+
+q {
+ quotes: none;
+}
+
+q:before,
+q:after {
+ content: "";
+ content: none;
+}
+
+sub,
+sup,
+small {
+ font-size: 75%;
+}
+
+sub,
+sup {
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+svg {
+ overflow: hidden;
+}
body {
- background: #fff;
- color: #000;
+ font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
+}
+
+pre,
+code {
+ font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
+}
+
+hr {
+ border: 0 #cccccc solid;
+ border-top-width: 1px;
+ clear: both;
+ height: 0;
+}
+
+h1 {
+ font-size: 25px;
+}
+
+h2 {
+ font-size: 23px;
+}
+
+h3 {
+ font-size: 21px;
+}
+
+h4 {
+ font-size: 19px;
+}
+
+h5 {
+ font-size: 17px;
+}
+
+h6 {
+ font-size: 15px;
+}
+
+ol {
+ list-style: decimal;
+}
+
+ul {
+ list-style: disc;
+}
+
+li {
+ margin-left: 30px;
+}
+
+p,
+dl,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ol,
+ul,
+pre,
+table,
+address,
+fieldset,
+figure {
+ margin-bottom: 20px;
+}
+
+.input_tiny {
+ width: 50px;
+}
+
+.input_small {
+ width: 100px;
+}
+
+.input_medium {
+ width: 150px;
+}
+
+.input_large {
+ width: 200px;
+}
+
+.input_xlarge {
+ width: 250px;
}
-/* `Wrapper
-----------------------------------------------------------------------------------------------------*/
+.input_xxlarge {
+ width: 300px;
+}
+
+.input_full {
+ width: 100%;
+}
+
+.input_full_wrap {
+ display: block;
+ padding-right: 8px;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
+input:invalid,
+button:invalid,
+.button:invalid,
+select:invalid,
+textarea:invalid {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
+input:focus,
+button:focus,
+.button:focus,
+select:focus,
+textarea:focus {
+ -webkit-box-shadow: #0066ff 0 0 5px 0;
+ -moz-box-shadow: #0066ff 0 0 5px 0;
+ box-shadow: #0066ff 0 0 5px 0;
+ z-index: 1;
+}
+
+input[type="file"]:focus, input[type="file"]:active,
+input[type="radio"]:focus,
+input[type="radio"]:active,
+input[type="checkbox"]:focus,
+input[type="checkbox"]:active {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
+
+button,
+a.button,
+input[type="reset"],
+input[type="submit"],
+input[type="button"] {
+ -webkit-appearance: none;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ -o-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-background-clip: padding;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
+ background: #dddddd url('../images/button.png?1298351022') repeat-x;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
+ background-image: -webkit-linear-gradient(#ffffff, #dddddd);
+ background-image: -moz-linear-gradient(#ffffff, #dddddd);
+ background-image: -o-linear-gradient(#ffffff, #dddddd);
+ background-image: -ms-linear-gradient(#ffffff, #dddddd);
+ background-image: linear-gradient(#ffffff, #dddddd);
+ border: 1px solid;
+ border-color: #dddddd #bbbbbb #999999;
+ cursor: pointer;
+ color: #333333;
+ display: inline-block;
+ font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
+ outline: 0;
+ overflow: visible;
+ margin: 0;
+ padding: 3px 10px;
+ text-shadow: white 0 1px 1px;
+ text-decoration: none;
+ vertical-align: top;
+ width: auto;
+ *padding-top: 2px;
+ *padding-bottom: 0;
+}
+button:hover,
+a.button:hover,
+input[type="reset"]:hover,
+input[type="submit"]:hover,
+input[type="button"]:hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
+ background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
+ background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
+ background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
+ background-image: -ms-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
+ background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
+}
+button:active,
+a.button:active,
+input[type="reset"]:active,
+input[type="submit"]:active,
+input[type="button"]:active {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));
+ background-image: -webkit-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
+ background-image: -moz-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
+ background-image: -o-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
+ background-image: -ms-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
+ background-image: linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
+ -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
+ -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
+ box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
+ border-color: #999999 #bbbbbb #dddddd;
+}
+button::-moz-focus-inner,
+a.button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+a.button {
+ *padding-bottom: 3px;
+}
+
+button {
+ *padding-top: 1px;
+ *padding-bottom: 1px;
+}
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-background-clip: padding;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ -ms-border-radius: 0;
+ -o-border-radius: 0;
+ border-radius: 0;
+ -webkit-appearance: none;
+ background-color: white;
+ border: 1px solid;
+ border-color: #848484 #c1c1c1 #e1e1e1;
+ color: black;
+ outline: 0;
+ margin: 0;
+ padding: 2px 3px;
+ text-align: left;
+ font-size: 13px;
+ font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
+ height: 1.8em;
+ vertical-align: top;
+ *padding-top: 2px;
+ *padding-bottom: 1px;
+ *height: auto;
+}
+textarea[disabled],
+select[disabled],
+input[type="date"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="email"][disabled],
+input[type="month"][disabled],
+input[type="number"][disabled],
+input[type="password"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="text"][disabled],
+input[type="time"][disabled],
+input[type="url"][disabled],
+input[type="week"][disabled] {
+ background-color: #eeeeee;
+}
+
+button[disabled],
+input[disabled],
+select[disabled],
+select[disabled] option,
+select[disabled] optgroup,
+textarea[disabled],
+a.button_disabled {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ -moz-user-select: -moz-none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ user-select: none;
+ color: #888888;
+ cursor: default;
+}
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+ color: #888888;
+}
+
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+ color: #888888;
+}
+
+input.placeholder_text,
+textarea.placeholder_text {
+ color: #888888;
+}
+
+textarea,
+select[size],
+select[multiple] {
+ height: auto;
+}
+
+select[size="0"],
+select[size="1"] {
+ height: 1.8em;
+ *height: auto;
+}
+
+@media (-webkit-min-device-pixel-ratio: 0) {
+ select[size],
+ select[multiple],
+ select[multiple][size] {
+ background-image: none;
+ padding-right: 3px;
+ }
+
+ select,
+ select[size="0"],
+ select[size="1"] {
+ background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
+ background-repeat: no-repeat;
+ background-position: right center;
+ padding-right: 20px;
+ }
+
+ ::-webkit-validation-bubble-message {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
+ border: 1px solid;
+ border-color: #747474 #5e5e5e #4f4f4f;
+ color: white;
+ font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
+ overflow: hidden;
+ padding: 15px 15px 17px;
+ text-shadow: black 0 0 1px;
+ height: 16px;
+ }
+
+ ::-webkit-validation-bubble-arrow,
+ ::-webkit-validation-bubble-top-outer-arrow,
+ ::-webkit-validation-bubble-top-inner-arrow {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #666666;
+ border: 0;
+ }
+}
+textarea {
+ min-height: 40px;
+ overflow: auto;
+ resize: vertical;
+ width: 100%;
+}
+
+optgroup {
+ color: black;
+ font-style: normal;
+ font-weight: normal;
+ font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
+}
+optgroup::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+.ie6_button,
+* html button,
+* html a.button {
+ background: #dddddd url('../images/button.png?1298351022') repeat-x;
+ border: 1px solid;
+ border-color: #dddddd #bbbbbb #999999;
+ cursor: pointer;
+ color: #333333;
+ font: bold 12px/1.2 Arial, sans-serif;
+ padding: 2px 10px 0px;
+ text-decoration: none;
+ overflow: visible;
+ vertical-align: top;
+ width: auto;
+}
+
+* html a.button {
+ position: relative;
+ top: 3px;
+ padding-bottom: 2px;
+}
+
+* html button {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.ie6_input,
+* html textarea,
+* html select {
+ background: white;
+ border: 1px solid;
+ border-color: #848484 #c1c1c1 #e1e1e1;
+ color: black;
+ padding: 2px 3px 1px;
+ font-size: 13px;
+ font-family: Arial, sans-serif;
+ vertical-align: top;
+}
+
+* html select {
+ margin-top: 1px;
+}
+
+.placeholder_text,
+.ie6_input_disabled,
+.ie6_button_disabled {
+ color: #888888;
+}
+
+.ie6_input_disabled {
+ background: #eeeeee;
+}
+
+body {
+ background: white;
+ color: black;
+}
#wrapper {
margin: 0 auto;
padding: 20px;
width: 800px;
}
-/* `Errors
-----------------------------------------------------------------------------------------------------*/
-
label.error {
- background: #ffc;
- color: #c00;
+ background: #ffffcc;
+ color: #cc0000;
font-style: italic;
}
input.error,
select.error,
textarea.error {
- background-color: #fee;
+ background-color: #ffeeee;
}
-/* `Table Layout
-----------------------------------------------------------------------------------------------------*/
-
.horiz {
margin-top: -20px;
margin-left: -20px;
}
.horiz td {
padding: 20px 0 0 20px;
-}
+}
View
26 assets/css/formalize.css
@@ -37,6 +37,7 @@ input[type="search"]::-webkit-search-decoration {
input:invalid,
button:invalid,
+.button:invalid,
select:invalid,
textarea:invalid {
-webkit-box-shadow: none;
@@ -45,6 +46,7 @@ textarea:invalid {
}
input:focus,
button:focus,
+.button:focus,
select:focus,
textarea:focus {
-webkit-box-shadow: #0066ff 0 0 5px 0;
@@ -64,6 +66,7 @@ input[type="checkbox"]:active {
}
button,
+a.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
@@ -87,18 +90,21 @@ input[type="button"] {
border-color: #dddddd #bbbbbb #999999;
cursor: pointer;
color: #333333;
+ display: inline-block;
font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
outline: 0;
overflow: visible;
margin: 0;
padding: 3px 10px;
text-shadow: white 0 1px 1px;
+ text-decoration: none;
vertical-align: top;
width: auto;
*padding-top: 2px;
*padding-bottom: 0;
}
button:hover,
+a.button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
@@ -110,6 +116,7 @@ input[type="button"]:hover {
background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
}
button:active,
+a.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
@@ -125,13 +132,18 @@ input[type="button"]:active {
border-color: #999999 #bbbbbb #dddddd;
}
button::-moz-focus-inner,
+a.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
border: 0;
padding: 0;
}
+a.button {
+ *padding-bottom: 3px;
+}
+
button {
*padding-top: 1px;
*padding-bottom: 1px;
@@ -203,7 +215,8 @@ input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
-textarea[disabled] {
+textarea[disabled],
+a.button_disabled {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
@@ -301,18 +314,27 @@ optgroup::-moz-focus-inner {
}
.ie6_button,
-* html button {
+* html button,
+* html a.button {
background: #dddddd url('../images/button.png?1298351022') repeat-x;
border: 1px solid;
border-color: #dddddd #bbbbbb #999999;
cursor: pointer;
color: #333333;
font: bold 12px/1.2 Arial, sans-serif;
padding: 2px 10px 0px;
+ text-decoration: none;
overflow: visible;
+ vertical-align: top;
width: auto;
}
+* html a.button {
+ position: relative;
+ top: 3px;
+ padding-bottom: 2px;
+}
+
* html button {
padding-top: 1px;
padding-bottom: 1px;
View
4 dojo_demo.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 dojo_disabled.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input disabled="disabled" type="text" id="text_inline" name="text_inline" />
- <input disabled="disabled" type="button" value="Hello" />
+ <input disabled="disabled" type="button" value="Input Button" />
+ <button disabled="disabled">Button Tag</button>
+ <a href="#" class="button button_disabled">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 dojo_errors.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input class="error" type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label class="error" for="select_multi">
View
4 extjs_demo.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 extjs_disabled.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input disabled="disabled" type="text" id="text_inline" name="text_inline" />
- <input disabled="disabled" type="button" value="Hello" />
+ <input disabled="disabled" type="button" value="Input Button" />
+ <button disabled="disabled">Button Tag</button>
+ <a href="#" class="button button_disabled">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 extjs_errors.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input class="error" type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label class="error" for="select_multi">
View
4 jquery_demo.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 jquery_disabled.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input disabled="disabled" type="text" id="text_inline" name="text_inline" />
- <input disabled="disabled" type="button" value="Hello" />
+ <input disabled="disabled" type="button" value="Input Button" />
+ <button disabled="disabled">Button Tag</button>
+ <a href="#" class="button button_disabled">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 jquery_errors.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input class="error" type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label class="error" for="select_multi">
View
4 mootools_demo.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 mootools_disabled.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input disabled="disabled" type="text" id="text_inline" name="text_inline" />
- <input disabled="disabled" type="button" value="Hello" />
+ <input disabled="disabled" type="button" value="Input Button" />
+ <button disabled="disabled">Button Tag</button>
+ <a href="#" class="button button_disabled">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 mootools_errors.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input class="error" type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label class="error" for="select_multi">
View
4 prototype_demo.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 prototype_disabled.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input disabled="disabled" type="text" id="text_inline" name="text_inline" />
- <input disabled="disabled" type="button" value="Hello" />
+ <input disabled="disabled" type="button" value="Input Button" />
+ <button disabled="disabled">Button Tag</button>
+ <a href="#" class="button button_disabled">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 prototype_errors.html
@@ -72,7 +72,9 @@
</optgroup>
</select>
<input class="error" type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label class="error" for="select_multi">
View
4 yui_demo.html
@@ -80,7 +80,9 @@
</optgroup>
</select>
<input type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 yui_disabled.html
@@ -80,7 +80,9 @@
</optgroup>
</select>
<input disabled="disabled" type="text" id="text_inline" name="text_inline" />
- <input disabled="disabled" type="button" value="Hello" />
+ <input disabled="disabled" type="button" value="Input Button" />
+ <button disabled="disabled">Button Tag</button>
+ <a href="#" class="button button_disabled">Link Button</a>
</p>
<p>
<label for="select_multi">
View
4 yui_errors.html
@@ -80,7 +80,9 @@
</optgroup>
</select>
<input class="error" type="text" id="text_inline" name="text_inline" />
- <input type="button" value="Hello" />
+ <input type="button" value="Input Button" />
+ <button>Button Tag</button>
+ <a href="#" class="button">Link Button</a>
</p>
<p>
<label class="error" for="select_multi">

0 comments on commit 7b038c6

Please sign in to comment.
Something went wrong with that request. Please try again.