implement widebutton
This commit is contained in:
parent
9042289d78
commit
7a4ca8defc
|
@ -82,7 +82,13 @@ button.formbutton a {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.longbutton a, .smallbutton a {
|
.widebutton {
|
||||||
|
width: 140px;
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 2px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.longbutton a, .smallbutton a, .widebutton a {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
|
@ -105,16 +111,22 @@ button.formbutton a {
|
||||||
height: 24px !important;
|
height: 24px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.longbutton > a, .smallbutton > a {
|
.longbutton > a, .smallbutton > a, .widebutton > a {
|
||||||
color: var(--main-text);
|
color: var(--main-text);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.longbutton > a, .smallbutton >a {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.longbutton > a, .widebutton > a {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.longbutton > a img, .smallbutton > a img {
|
.longbutton > a img, .smallbutton > a img, .widebutton > a img {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user