use same look with .champs-editor.buttons
This commit is contained in:
parent
d2a78abc3a
commit
09a0f21cac
2 changed files with 8 additions and 2 deletions
|
@ -375,14 +375,19 @@
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
left: 0px;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
margin-left: -30px;
|
||||||
|
max-width: 1100px;
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
margin-top: $default-padding;
|
margin-top: $default-padding;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media(max-width: 1100px) {
|
||||||
|
margin-left: -16px;
|
||||||
|
}
|
||||||
|
|
||||||
// Wide layout: align buttons on a single row
|
// Wide layout: align buttons on a single row
|
||||||
@media (min-width: 550px) {
|
@media (min-width: 550px) {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -401,6 +406,7 @@
|
||||||
@media (max-width: 550px) {
|
@media (max-width: 550px) {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
margin-left: -16px;
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -109,7 +109,7 @@ footer {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// In this case, the bottom margin is defined directly on each individual column
|
// In this case, the bottom margin is defined directly on each individual column
|
||||||
|
|
Loading…
Add table
Reference in a new issue