Removing radius from the classic theme search input. Also adding link buttons.
This commit is contained in:
Родитель
e69d99752a
Коммит
2e89f4dd42
|
@ -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;
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Загрузка…
Ссылка в новой задаче