Style sheet

Common styles for New Nectar.

Buttons

Progress Steps

Small

  1. 1
  2. 2
  3. 3

Nectar Radio

Reversed

Standard

Nectar Checkbox (non-login)

Non-indented:

Colour Palette

Primary

Purple A

#471E5E
@purple-01
#6C4B7E
@purple-02
#A793B2
@purple-03

Purple B

#912385
@purple-b-01
#A74F9D
@purple-b-02
#CA95C4
@purple-b-03

Yellow

#8F6D1E
@yellow-aa
#FDC234
@yellow-01
#FDCE5D
@yellow-02
#FEDA85
@yellow-03

Orange

#BB5A1E
@orange-aa
#FA7829
@orange-01
#FB9354
@orange-02
#FCAE7F
@orange-03

Neutral

Grey

#333333
@grey-01
#999999
@grey-02
#F1F1F1
@grey-03

Secondary

Green

#497939
@green-aa
#69A953
@green-01
#87BA75
@green-02
#A5CB98
@green-03

Turqoise

#068396
@turquoise-aa
#198595
@turquoise-01
#479DAA
@turquoise-02
#75B6BF
@turquoise-03

Blue

#277E83
@blue-aa
#3EC9D0
@blue-01
#65D4D9
@blue-02
#8BDFE3
@blue-03

Red

#C34C4C
@red-aa
#E35959
@red-01
#E97A7A
@red-02
#EE9B9B
@red-03

Purple C

#816888
@purple-c-aa
#E7BFF7
@purple-c-01
#ECCCF9
@purple-c-02
#F4E0FB
@purple-c-03

Purple D

#B92F92
@purple-d-01
#C759A8
@purple-d-02
#DD9BCB
@purple-d-03

Youtube Videos are responsive to 100% col width