{-# LANGUAGE OverloadedStrings #-}
{-# LANGUAGE ScopedTypeVariables #-}
module Rib.Extra.CSS where
import Clay
import Relude
mozillaKbdStyle :: Css
mozillaKbdStyle = do
backgroundColor $ rgb 238 238 238
color $ rgb 51 51 51
sym borderRadius (px 3)
border solid (px 1) $ rgb 180 180 180
padding (px 2) (px 4) (px 2) (px 4)
boxShadow $
(bsColor (rgba 0 0 0 0.2) $ shadowWithBlur (px 0) (px 1) (px 1))
:| [(bsColor (rgba 255 255 255 0.7) $ bsInset $ shadowWithSpread (px 0) (px 2) (px 0) (px 0))]
fontSize $ em 0.85
fontWeight $ weight 700
lineHeight $ px 1
whiteSpace nowrap