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:
parent
a9fa60eaf2
commit
2b3f33cca0
@ -1,6 +1,7 @@
|
|||||||
|
|
||||||
.ascribe-footer {
|
.ascribe-footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-top: 5em;
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
background-color: rgba(0, 0, 0, 0);
|
background-color: rgba(0, 0, 0, 0);
|
||||||
|
@ -186,14 +186,17 @@ $sluice--button-color: $sluice--nav-fg-prim-color;
|
|||||||
background-color: $sluice--button-color;
|
background-color: $sluice--button-color;
|
||||||
border-color: $sluice--button-color;
|
border-color: $sluice--button-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus,
|
||||||
&:active:hover,
|
&:active:hover,
|
||||||
&:active:focus,
|
&:active:focus,
|
||||||
&:active.focus,
|
&:active.focus,
|
||||||
&.active:hover,
|
&.active:hover,
|
||||||
&.active:focus,
|
&.active:focus,
|
||||||
&.active.focus {
|
&.active.focus {
|
||||||
background-color: darken($sluice--button-color, 20%);
|
background-color: lighten($sluice--button-color, 20%);
|
||||||
border-color: darken($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;
|
background-color: $sluice--button-color;
|
||||||
border-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!
|
// spinner!
|
||||||
|
@ -138,14 +138,17 @@ $cc--button-color: $cc--nav-fg-prim-color;
|
|||||||
background-color: $cc--button-color;
|
background-color: $cc--button-color;
|
||||||
border-color: $cc--button-color;
|
border-color: $cc--button-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus,
|
||||||
&:active:hover,
|
&:active:hover,
|
||||||
&:active:focus,
|
&:active:focus,
|
||||||
&:active.focus,
|
&:active.focus,
|
||||||
&.active:hover,
|
&.active:hover,
|
||||||
&.active:focus,
|
&.active:focus,
|
||||||
&.active.focus {
|
&.active.focus {
|
||||||
background-color: darken($cc--button-color, 20%);
|
background-color: lighten($cc--button-color, 20%);
|
||||||
border-color: darken($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%);
|
border-color: darken($cc--button-color, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pager li > a, .pager li > span {
|
.pager li > a,
|
||||||
|
.pager li > span {
|
||||||
background-color: $cc--button-color;
|
background-color: $cc--button-color;
|
||||||
border-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!
|
// spinner!
|
||||||
|
@ -115,14 +115,17 @@ $cyland--button-color: $cyland--nav-fg-prim-color;
|
|||||||
background-color: $cyland--button-color;
|
background-color: $cyland--button-color;
|
||||||
border-color: $cyland--button-color;
|
border-color: $cyland--button-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus,
|
||||||
&:active:hover,
|
&:active:hover,
|
||||||
&:active:focus,
|
&:active:focus,
|
||||||
&:active.focus,
|
&:active.focus,
|
||||||
&.active:hover,
|
&.active:hover,
|
||||||
&.active:focus,
|
&.active:focus,
|
||||||
&.active.focus {
|
&.active.focus {
|
||||||
background-color: darken($cyland--button-color, 20%);
|
background-color: lighten($cyland--button-color, 20%);
|
||||||
border-color: darken($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;
|
background-color: $cyland--button-color;
|
||||||
border-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!
|
// spinner!
|
||||||
|
@ -397,14 +397,17 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important;
|
|||||||
background-color: $ikono--button-color;
|
background-color: $ikono--button-color;
|
||||||
border-color: $ikono--button-color;
|
border-color: $ikono--button-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus,
|
||||||
&:active:hover,
|
&:active:hover,
|
||||||
&:active:focus,
|
&:active:focus,
|
||||||
&:active.focus,
|
&:active.focus,
|
||||||
&.active:hover,
|
&.active:hover,
|
||||||
&.active:focus,
|
&.active:focus,
|
||||||
&.active.focus {
|
&.active.focus {
|
||||||
background-color: darken($ikono--button-color, 20%);
|
background-color: lighten($ikono--button-color, 20%);
|
||||||
border-color: darken($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;
|
background-color: $ikono--button-color;
|
||||||
border-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!
|
// inputs!
|
||||||
|
Loading…
Reference in New Issue
Block a user