mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-21 00:47:26 +00:00
86 lines
1.5 KiB
Sass
86 lines
1.5 KiB
Sass
@import mixins
|
|
@import variables
|
|
@import branding
|
|
@import big-input
|
|
|
|
|
|
.darkswarm
|
|
// #search
|
|
@include placeholder(rgba(0,0,0,0.4), #777)
|
|
|
|
input#search
|
|
@include medium-input(rgba(0,0,0,0.3), #777, $clr-brick)
|
|
|
|
// ordering
|
|
product
|
|
|
|
input
|
|
@include border-radius(0)
|
|
@include csstrans
|
|
margin: 0
|
|
width: 10rem
|
|
display: inline
|
|
@include box-shadow(none)
|
|
border-color: #b3b3b3
|
|
text-align: right
|
|
|
|
@media all and (max-width: 1024px)
|
|
width: 8rem
|
|
|
|
@media all and (max-width: 768px)
|
|
width: 7rem
|
|
|
|
@media all and (max-width: 640px)
|
|
float: left !important
|
|
font-size: 0.75rem
|
|
padding-left: 0.25rem
|
|
padding-right: 0.25rem
|
|
|
|
@media all and (max-width: 480px)
|
|
width: 5.8rem
|
|
|
|
&:hover
|
|
@include box-shadow(none)
|
|
border-color: #888
|
|
background-color: #fafafa
|
|
|
|
&:active, &:focus, &.active
|
|
@include box-shadow(none)
|
|
background-color: #f9f4b9
|
|
border-color: #666
|
|
|
|
|
|
// BULK
|
|
|
|
input.bulk
|
|
width: 5rem
|
|
|
|
@media all and (max-width: 1024px)
|
|
width: 4rem
|
|
|
|
@media all and (max-width: 768px)
|
|
width: 3.5rem
|
|
|
|
@media all and (max-width: 480px)
|
|
width: 2.8rem
|
|
|
|
input.bulk.first
|
|
border-right: 0
|
|
|
|
input.bulk.second
|
|
border-left: 0
|
|
|
|
.bulk-input-container
|
|
float: right
|
|
|
|
@media all and (max-width: 640px)
|
|
float: left !important
|
|
|
|
.bulk-input
|
|
float: left
|
|
|
|
|
|
|
|
|
|
|