Browse Source

patching up the link buttons

pull/253/head
connors 11 years ago
parent
commit
f8fc5cda09
  1. 11
      dist/android-theme.css
  2. 12
      dist/ratchet.css
  3. 11
      docs-assets/css/docs.css
  4. 12
      lib/sass/bars.scss
  5. 13
      lib/sass/theme-android.scss

11
dist/android-theme.css vendored

@ -201,7 +201,8 @@ a:active {
padding-bottom: 9px; padding-bottom: 9px;
} }
.bar .btn-link { .bar .btn-link {
padding: 0; padding-top: 0;
padding-bottom: 0;
color: #33b5e5; color: #33b5e5;
font-size: 18px; font-size: 18px;
line-height: 49px; line-height: 49px;
@ -209,6 +210,14 @@ a:active {
.bar .btn-link:active, .bar .btn-link.active { .bar .btn-link:active, .bar .btn-link.active {
color: #1a9bcb; color: #1a9bcb;
} }
.bar .btn-link.pull-left {
padding-left: 12px;
padding-right: 0;
}
.bar .btn-link.pull-right {
padding-left: 0;
padding-right: 12px;
}
.bar-nav .btn { .bar-nav .btn {
margin-top: 7px; margin-top: 7px;

12
dist/ratchet.css vendored

@ -586,15 +586,15 @@ input[type="button"] {
margin-left: -10px; margin-left: -10px;
} }
.bar-nav .btn-link.pull-left .icon { .bar-nav .btn-link.pull-left .icon {
margin-right: -4px; margin-right: -5px;
margin-left: -4px; margin-left: -7px;
} }
.bar-nav .btn-link.pull-right { .bar-nav .btn-link.pull-right {
margin-right: -10px; margin-right: -10px;
} }
.bar-nav .btn-link.pull-right .icon { .bar-nav .btn-link.pull-right .icon {
margin-right: -4px; margin-right: -7px;
margin-left: -4px; margin-left: -5px;
} }
.bar .btn-block { .bar .btn-block {
@ -621,8 +621,8 @@ input[type="button"] {
font-size: 24px; font-size: 24px;
} }
.bar > .icon { .bar > .icon {
padding-right: 8px; padding-right: 5px;
padding-left: 8px; padding-left: 5px;
} }
.bar > .icon.pull-left { .bar > .icon.pull-left {
margin-left: -10px; margin-left: -10px;

11
docs-assets/css/docs.css

@ -1378,7 +1378,8 @@ hr {
padding-bottom: 9px; padding-bottom: 9px;
} }
.platform-android .bar .btn-link { .platform-android .bar .btn-link {
padding: 0; padding-top: 0;
padding-bottom: 0;
color: #33b5e5; color: #33b5e5;
font-size: 18px; font-size: 18px;
line-height: 49px; line-height: 49px;
@ -1386,6 +1387,14 @@ hr {
.platform-android .bar .btn-link:active, .platform-android .bar .btn-link.active { .platform-android .bar .btn-link:active, .platform-android .bar .btn-link.active {
color: #1a9bcb; color: #1a9bcb;
} }
.platform-android .bar .btn-link.pull-left {
padding-left: 12px;
padding-right: 0;
}
.platform-android .bar .btn-link.pull-right {
padding-left: 0;
padding-right: 12px;
}
.platform-android .bar-nav .btn { .platform-android .bar-nav .btn {
margin-top: 7px; margin-top: 7px;
} }

12
lib/sass/bars.scss

@ -162,16 +162,16 @@
margin-left: -10px; margin-left: -10px;
.icon { .icon {
margin-right: -4px; margin-right: -5px;
margin-left: -4px; margin-left: -7px;
} }
} }
&.pull-right { &.pull-right {
margin-right: -10px; margin-right: -10px;
.icon { .icon {
margin-right: -4px; margin-right: -7px;
margin-left: -4px; margin-left: -5px;
} }
} }
} }
@ -220,8 +220,8 @@
font-size: 24px; font-size: 24px;
} }
> .icon { > .icon {
padding-right: 8px; padding-right: 5px;
padding-left: 8px; padding-left: 5px;
// Offset the bar's side padding // Offset the bar's side padding
&.pull-left { &.pull-left {

13
lib/sass/theme-android.scss

@ -291,7 +291,8 @@ a {
padding-bottom: 9px; padding-bottom: 9px;
} }
.btn-link { .btn-link {
padding: 0; padding-top: 0;
padding-bottom: 0;
color: $primary-color; color: $primary-color;
font-size: $font-size-default; font-size: $font-size-default;
line-height: 49px; line-height: 49px;
@ -300,6 +301,16 @@ a {
&.active { &.active {
color: darken($primary-color, 10%); color: darken($primary-color, 10%);
} }
// Offset the bar's side padding
&.pull-left {
padding-left: 12px;
padding-right: 0;
}
&.pull-right {
padding-left: 0;
padding-right: 12px;
}
} }
} }

Loading…
Cancel
Save