1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00

Change button styles for whitelabel pages

This commit is contained in:
Tim Daubenschütz 2015-10-21 15:56:30 +02:00
parent a9fa60eaf2
commit 2b3f33cca0
5 changed files with 46 additions and 9 deletions

View File

@ -1,6 +1,7 @@
.ascribe-footer {
text-align: center;
margin-top: 5em;
hr {
background-color: rgba(0, 0, 0, 0);

View File

@ -186,14 +186,17 @@ $sluice--button-color: $sluice--nav-fg-prim-color;
background-color: $sluice--button-color;
border-color: $sluice--button-color;
&:hover,
&:active,
&:focus,
&:active:hover,
&:active:focus,
&:active.focus,
&.active:hover,
&.active:focus,
&.active.focus {
background-color: darken($sluice--button-color, 20%);
border-color: darken($sluice--button-color, 20%);
background-color: lighten($sluice--button-color, 20%);
border-color: lighten($sluice--button-color, 20%);
}
}
@ -209,6 +212,12 @@ $sluice--button-color: $sluice--nav-fg-prim-color;
background-color: $sluice--button-color;
border-color: $sluice--button-color;
}
.pager li.disabled > a,
.pager li.disabled > span {
background-color: $sluice--button-color !important;
border-color: $sluice--button-color;
}
}
// spinner!

View File

@ -138,14 +138,17 @@ $cc--button-color: $cc--nav-fg-prim-color;
background-color: $cc--button-color;
border-color: $cc--button-color;
&:hover,
&:active,
&:focus,
&:active:hover,
&:active:focus,
&:active.focus,
&.active:hover,
&.active:focus,
&.active.focus {
background-color: darken($cc--button-color, 20%);
border-color: darken($cc--button-color, 20%);
background-color: lighten($cc--button-color, 20%);
border-color: lighten($cc--button-color, 20%);
}
}
@ -157,10 +160,17 @@ $cc--button-color: $cc--nav-fg-prim-color;
border-color: darken($cc--button-color, 20%);
}
.pager li > a, .pager li > span {
.pager li > a,
.pager li > span {
background-color: $cc--button-color;
border-color: $cc--button-color;
}
.pager li.disabled > a,
.pager li.disabled > span {
background-color: $cc--button-color !important;
border-color: $cc--button-color;
}
}
// spinner!

View File

@ -115,14 +115,17 @@ $cyland--button-color: $cyland--nav-fg-prim-color;
background-color: $cyland--button-color;
border-color: $cyland--button-color;
&:hover,
&:active,
&:focus,
&:active:hover,
&:active:focus,
&:active.focus,
&.active:hover,
&.active:focus,
&.active.focus {
background-color: darken($cyland--button-color, 20%);
border-color: darken($cyland--button-color, 20%);
background-color: lighten($cyland--button-color, 20%);
border-color: lighten($cyland--button-color, 20%);
}
}
@ -138,6 +141,11 @@ $cyland--button-color: $cyland--nav-fg-prim-color;
background-color: $cyland--button-color;
border-color: $cyland--button-color;
}
.pager li.disabled > a,
.pager li.disabled > span {
background-color: $cyland--button-color !important;
border-color: $cyland--button-color;
}
}
// spinner!

View File

@ -397,14 +397,17 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important;
background-color: $ikono--button-color;
border-color: $ikono--button-color;
&:hover,
&:active,
&:focus,
&:active:hover,
&:active:focus,
&:active.focus,
&.active:hover,
&.active:focus,
&.active.focus {
background-color: darken($ikono--button-color, 20%);
border-color: darken($ikono--button-color, 20%);
background-color: lighten($ikono--button-color, 20%);
border-color: lighten($ikono--button-color, 20%);
}
}
@ -420,6 +423,12 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important;
background-color: $ikono--button-color;
border-color: $ikono--button-color;
}
.pager li.disabled > a,
.pager li.disabled > span {
background-color: $ikono--button-color !important;
border-color: $ikono--button-color;
}
}
// inputs!