mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-11 23:17:48 +00:00
61 lines
1.7 KiB
Sass
61 lines
1.7 KiB
Sass
@import foundation/components/buttons
|
|
@import branding
|
|
@import mixins
|
|
|
|
// Button class extensions
|
|
|
|
.neutral-btn
|
|
@include button
|
|
font-family: 'Open Sans', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
|
|
background-color: transparent
|
|
border: 2px solid rgba(200, 200, 200, 1)
|
|
color: #999
|
|
|
|
.neutral-btn:hover, .neutral-btn:active, .neutral-btn:focus
|
|
background-color: rgba(200, 200, 200, 0.2)
|
|
border: 2px solid rgba(200, 200, 200, 0.8)
|
|
|
|
.neutral-btn.dark
|
|
border-color: #000
|
|
color: #000
|
|
|
|
.neutral-btn.dark:hover, .neutral-btn.dark:active, .neutral-btn.dark:focus
|
|
background-color: rgba(0, 0, 0, 0.1)
|
|
border: 2px solid rgba(0, 0, 0, 0.8)
|
|
text-shadow: 0 1px 0 #fff
|
|
|
|
.neutral-btn.light
|
|
border-color: #fff
|
|
color: #fff
|
|
|
|
.neutral-btn.light:hover, .neutral-btn.light:active, .neutral-btn.light:focus
|
|
background-color: rgba(255, 255, 255, 0.2)
|
|
border: 2px solid rgba(255, 255, 255, 0.8)
|
|
text-shadow: 0 1px 0 $clr-brick
|
|
|
|
.neutral-btn.turquoise
|
|
border-color: $clr-turquoise
|
|
color: $clr-turquoise
|
|
|
|
.neutral-btn.turquoise:hover, .neutral-btn.turquoise:active, .neutral-btn.turquoise:focus
|
|
background-color: rgba(0, 0, 0, 0.1)
|
|
text-shadow: 0 1px 0 #fff
|
|
|
|
// Rewrite foundation's .primary button style
|
|
|
|
.button.primary, button.primary
|
|
font-family: 'Open Sans', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
|
|
background: $clr-brick
|
|
color: white
|
|
|
|
.button.primary:hover, .button.primary:active, .button.primary:focus, button.primary:hover, button.primary:active, button.primary:focus
|
|
background: $clr-brick-bright
|
|
text-shadow: 0 1px 0 $clr-brick
|
|
|
|
// Responsive
|
|
@media screen and (min-width: 768px)
|
|
[role="main"]
|
|
padding: 0
|
|
|
|
|