mirror of
https://github.com/ascribe/onion.git
synced 2024-12-22 09:23:13 +01:00
Change button styles for whitelabel pages
This commit is contained in:
parent
a9fa60eaf2
commit
2b3f33cca0
@ -1,6 +1,7 @@
|
||||
|
||||
.ascribe-footer {
|
||||
text-align: center;
|
||||
margin-top: 5em;
|
||||
|
||||
hr {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
|
@ -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!
|
||||
|
@ -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!
|
||||
|
@ -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!
|
||||
|
@ -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!
|
||||
|
Loading…
Reference in New Issue
Block a user