javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

block as button default

Browse Source
This commit is contained in:
Adam Bradley
2013-10-15 09:35:27 -05:00
parent 33bd4cde1d
commit a5d574e159
5 changed files with 181 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
dist/css/ionic-ios7.css vendored
View File

@ -1551,8 +1551,8 @@ input[type="checkbox"][readonly] {
.button {
position: relative;
display: inline-block;
margin: 0;
display: block;
margin: 10px 0 10px 0;
padding: 8px 12px;
border-width: 1px;
border-style: solid;
@ -1563,22 +1563,24 @@ input[type="checkbox"][readonly] {
font-size: 16px;
cursor: pointer; }
.button.button-icon {
border: none;
background: none;
padding: 4px 5px; }
.button.button-clear {
border: none;
background: none;
box-shadow: none;
display: inline-block;
margin: 0;
padding: 4px 5px;
width: auto;
border: none;
background: none; }
.button.button-clear {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s; }
transition: opacity 0.1s;
display: inline-block;
margin: 0;
padding: 4px 5px;
width: auto;
border: none;
background: none;
box-shadow: none; }
.button.button-clear:active, .button.button-clear.active {
opacity: 0.3; }
.button.button-block {
display: block;
margin: 10px 0 10px 0;
width: 100%; }
.button.button-default {
color: #333333;
background-color: white;
@ -1742,18 +1744,27 @@ input[type="checkbox"][readonly] {
color: #fff;
box-shadow: none; }
.button.button-outline {
background: none;
box-shadow: none;
/* padding: $button-clear-padding; */
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s; }
transition: opacity 0.1s;
display: inline-block;
margin: 0;
width: auto;
background: none;
box-shadow: none; }
.button.button-icon {
border: none;
background: none; }
.button.button-icon:active, .button.button-icon.active {
text-shadow: 0px 0px 10px white;
background: none;
box-shadow: none;
background: none; }
text-shadow: 0px 0px 10px white; }
.button.button-inline {
display: inline-block;
margin: 0;
width: auto; }
.button.button-block {
display: block;
margin: 10px 0 10px 0; }
a.button {
text-decoration: none; }

51
dist/css/ionic-scoped.css vendored
View File

@ -2186,8 +2186,8 @@
display: inline; }
.ionic .button {
position: relative;
display: inline-block;
margin: 0;
display: block;
margin: 10px 0 10px 0;
padding: 8px 12px;
border-width: 1px;
border-style: solid;
@ -2198,22 +2198,24 @@
font-size: 16px;
cursor: pointer; }
.ionic .button.button-icon {
border: none;
background: none;
padding: 4px 5px; }
.ionic .button.button-clear {
border: none;
background: none;
box-shadow: none;
display: inline-block;
margin: 0;
padding: 4px 5px;
width: auto;
border: none;
background: none; }
.ionic .button.button-clear {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s; }
transition: opacity 0.1s;
display: inline-block;
margin: 0;
padding: 4px 5px;
width: auto;
border: none;
background: none;
box-shadow: none; }
.ionic .button.button-clear:active, .ionic .button.button-clear.active {
opacity: 0.3; }
.ionic .button.button-block {
display: block;
margin: 10px 0 10px 0;
width: 100%; }
.ionic .button.button-default {
color: #333333;
background-color: white;
@ -2377,18 +2379,27 @@
color: #fff;
box-shadow: none; }
.ionic .button.button-outline {
background: none;
box-shadow: none;
/* padding: $button-clear-padding; */
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s; }
transition: opacity 0.1s;
display: inline-block;
margin: 0;
width: auto;
background: none;
box-shadow: none; }
.ionic .button.button-icon {
border: none;
background: none; }
.ionic .button.button-icon:active, .ionic .button.button-icon.active {
text-shadow: 0px 0px 10px white;
background: none;
box-shadow: none;
background: none; }
text-shadow: 0px 0px 10px white; }
.ionic .button.button-inline {
display: inline-block;
margin: 0;
width: auto; }
.ionic .button.button-block {
display: block;
margin: 10px 0 10px 0; }
.ionic a.button {
text-decoration: none; }
.ionic .button-group {

51
dist/css/ionic.css vendored
View File

@ -2669,8 +2669,8 @@ input[type="checkbox"][readonly] {
.button {
position: relative;
display: inline-block;
margin: 0;
display: block;
margin: 10px 0 10px 0;
padding: 8px 12px;
border-width: 1px;
border-style: solid;
@ -2681,22 +2681,24 @@ input[type="checkbox"][readonly] {
font-size: 16px;
cursor: pointer; }
.button.button-icon {
border: none;
background: none;
padding: 4px 5px; }
.button.button-clear {
border: none;
background: none;
box-shadow: none;
display: inline-block;
margin: 0;
padding: 4px 5px;
width: auto;
border: none;
background: none; }
.button.button-clear {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s; }
transition: opacity 0.1s;
display: inline-block;
margin: 0;
padding: 4px 5px;
width: auto;
border: none;
background: none;
box-shadow: none; }
.button.button-clear:active, .button.button-clear.active {
opacity: 0.3; }
.button.button-block {
display: block;
margin: 10px 0 10px 0;
width: 100%; }
.button.button-default {
color: #333333;
background-color: white;
@ -2860,18 +2862,27 @@ input[type="checkbox"][readonly] {
color: #fff;
box-shadow: none; }
.button.button-outline {
background: none;
box-shadow: none;
/* padding: $button-clear-padding; */
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s; }
transition: opacity 0.1s;
display: inline-block;
margin: 0;
width: auto;
background: none;
box-shadow: none; }
.button.button-icon {
border: none;
background: none; }
.button.button-icon:active, .button.button-icon.active {
text-shadow: 0px 0px 10px white;
background: none;
box-shadow: none;
background: none; }
text-shadow: 0px 0px 10px white; }
.button.button-inline {
display: inline-block;
margin: 0;
width: auto; }
.button.button-block {
display: block;
margin: 10px 0 10px 0; }
a.button {
text-decoration: none; }