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

This commit is contained in:
connors 2013-10-19 17:41:22 -07:00
Родитель e69d99752a
Коммит 2e89f4dd42
3 изменённых файлов: 29 добавлений и 3 удалений

14
dist/ratchet.css поставляемый
Просмотреть файл

@ -631,7 +631,7 @@ select {
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: 1;
line-height: 1.15;
color: #929292;
text-align: center;
vertical-align: top;
@ -678,6 +678,18 @@ select {
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 {
display: block;
padding: 15px 0;

1
dist/theme-classic.css поставляемый
Просмотреть файл

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

Просмотреть файл

@ -9,7 +9,7 @@
margin: 0;
font-size: $button-font-size;
font-weight: $font-weight-light;
line-height: 1;
line-height: 1.15; // Center button text on the phone.
color: $default-color;
text-align: center;
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)
.button-block {
display: block;