Browse Source

Removing radius from the classic theme search input. Also adding link buttons.

pull/231/head
connors 11 years ago
parent
commit
2e89f4dd42
  1. 14
      dist/ratchet.css
  2. 1
      dist/theme-classic.css
  3. 17
      lib/sass/buttons.scss

14
dist/ratchet.css vendored

@ -631,7 +631,7 @@ select {
margin: 0; margin: 0;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1.15;
color: #929292; color: #929292;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
@ -678,6 +678,18 @@ select {
background-color: #dd524d; background-color: #dd524d;
} }
.button-link {
color: #007aff;
border: none;
}
.button-link:active, .button-link.active {
color: #007aff;
opacity: .3;
}
.button-link.button-filled {
background-color: transparent;
}
.button-block { .button-block {
display: block; display: block;
padding: 15px 0; padding: 15px 0;

1
dist/theme-classic.css vendored

@ -122,5 +122,4 @@
input[type=search] { input[type=search] {
color: #555; color: #555;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
border-radius: 17px;
} }

17
lib/sass/buttons.scss

@ -9,7 +9,7 @@
margin: 0; margin: 0;
font-size: $button-font-size; font-size: $button-font-size;
font-weight: $font-weight-light; font-weight: $font-weight-light;
line-height: 1; line-height: 1.15; // Center button text on the phone.
color: $default-color; color: $default-color;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
@ -77,6 +77,21 @@
} }
} }
// Link button (Buttons that look like links)
.button-link {
color: $primary-color;
border: none;
&:active,
&.active {
color: $primary-color;
opacity: .3;
}
&.button-filled {
background-color: transparent;
}
}
// Block level buttons (full width buttons) // Block level buttons (full width buttons)
.button-block { .button-block {
display: block; display: block;

Loading…
Cancel
Save