Background Color


White Default Color
White
50
White
100
White
200
White
300
White
400
White
500
White
600
White
700
White
800
White
900
n-bgc-white-50 n-bgc-white-100 n-bgc-white-200 n-bgc-white-300 n-bgc-white-400 n-bgc-white-500 n-bgc-white-600 n-bgc-white-700 n-bgc-white-800 n-bgc-white-900
Black Default Color
Black
50
Black
100
Black
200
Black
300
Black
400
Black
500
Black
600
Black
700
Black
800
Black
900
n-bgc-black-50 n-bgc-black-100 n-bgc-black-200 n-bgc-black-300 n-bgc-black-400 n-bgc-black-500 n-bgc-black-600 n-bgc-black-700 n-bgc-black-800 n-bgc-black-900
Light Default Color
Light
50
Light
100
Light
200
Light
300
Light
400
Light
500
Light
600
Light
700
Light
800
Light
900
n-bgc-light-50 n-bgc-light-100 n-bgc-light-200 n-bgc-light-300 n-bgc-light-400 n-bgc-light-500 n-bgc-light-600 n-bgc-light-700 n-bgc-light-800 n-bgc-light-900
Grey Default Color
Grey
50
Grey
100
Grey
200
Grey
300
Grey
400
Grey
500
Grey
600
Grey
700
Grey
800
Grey
900
n-bgc-grey-50 n-bgc-grey-100 n-bgc-grey-200 n-bgc-grey-300 n-bgc-grey-400 n-bgc-grey-500 n-bgc-grey-600 n-bgc-grey-700 n-bgc-grey-800 n-bgc-grey-900
Dark Default Color
Dark
50
Dark
100
Dark
200
Dark
300
Dark
400
Dark
500
Dark
600
Dark
700
Dark
800
Dark
900
n-bgc-dark-50 n-bgc-dark-100 n-bgc-dark-200 n-bgc-dark-300 n-bgc-dark-400 n-bgc-dark-500 n-bgc-dark-600 n-bgc-dark-700 n-bgc-dark-800 n-bgc-dark-900
A Color
A
50
A
100
A
200
A
300
A
400
A
500
A
600
A
700
A
800
A
900
n-bgc-a-50 n-bgc-a-100 n-bgc-a-200 n-bgc-a-300 n-bgc-a-400 n-bgc-a-500 n-bgc-a-600 n-bgc-a-700 n-bgc-a-800 n-bgc-a-900
B Color
B
50
B
100
B
200
B
300
B
400
B
500
B
600
B
700
B
800
B
900
n-bgc-b-50 n-bgc-b-100 n-bgc-b-200 n-bgc-b-300 n-bgc-b-400 n-bgc-b-500 n-bgc-b-600 n-bgc-b-700 n-bgc-b-800 n-bgc-b-900
C Color
C
50
C
100
C
200
C
300
C
400
C
500
C
600
C
700
C
800
C
900
n-bgc-c-50 n-bgc-c-100 n-bgc-c-200 n-bgc-c-300 n-bgc-c-400 n-bgc-c-500 n-bgc-c-600 n-bgc-c-700 n-bgc-c-800 n-bgc-c-900
Error Default Color
Error
50
Error
100
Error
200
Error
300
Error
400
Error
500
Error
600
Error
700
Error
800
Error
900
n-bgc-error-50 n-bgc-error-100 n-bgc-error-200 n-bgc-error-300 n-bgc-error-400 n-bgc-error-500 n-bgc-error-600 n-bgc-error-700 n-bgc-error-800 n-bgc-error-900
Warning Default Color
Warning
50
Warning
100
Warning
200
Warning
300
Warning
400
Warning
500
Warning
600
Warning
700
Warning
800
Warning
900
n-bgc-warning-50 n-bgc-warning-100 n-bgc-warning-200 n-bgc-warning-300 n-bgc-warning-400 n-bgc-warning-500 n-bgc-warning-600 n-bgc-warning-700 n-bgc-warning-800 n-bgc-warning-900
Success Default Color
Success
50
Success
100
Success
200
Success
300
Success
400
Success
500
Success
600
Success
700
Success
800
Success
900
n-bgc-success-50 n-bgc-success-100 n-bgc-success-200 n-bgc-success-300 n-bgc-success-400 n-bgc-success-500 n-bgc-success-600 n-bgc-success-700 n-bgc-success-800 n-bgc-success-900
Info Default Color
Info
50
Info
100
Info
200
Info
300
Info
400
Info
500
Info
600
Info
700
Info
800
Info
900
n-bgc-info-50 n-bgc-info-100 n-bgc-info-200 n-bgc-info-300 n-bgc-info-400 n-bgc-info-500 n-bgc-info-600 n-bgc-info-700 n-bgc-info-800 n-bgc-info-900

Background Attachment


Class Name Description @extend Property
n-bga-s Applies background-attachment: scroll; to element @extend .n-bga-s;
n-bga-f Applies background-attachment: fixed; to element @extend .n-bga-f;
n-bga-l Applies background-attachment: local; to element @extend .n-bga-l;
n-bga-r Applies background-attachment: revert; to element @extend .n-bga-r;
n-bga-ini Applies background-attachment: initial; to element @extend .n-bga-ini;
n-bga-inh Applies background-attachment: inherit; to element @extend .n-bga-inh;
n-bga-u Applies background-attachment: unset; to element @extend .n-bga-u;

Background Position


Class Name Description @extend Property
n-bgp-t Applies background-position: top; to element @extend .n-bgp-t;
n-bgp-r Applies background-position: right; to element @extend .n-bgp-r;
n-bgp-b Applies background-position: bottom; to element @extend .n-bgp-b;
n-bgp-l Applies background-position: left; to element @extend .n-bgp-l;
n-bgp-lt Applies background-position: left top; to element @extend .n-bgp-lt;
n-bgp-lc Applies background-position: left center; to element @extend .n-bgp-lc;
n-bgp-lb Applies background-position: left bottom; to element @extend .n-bgp-lb;
n-bgp-rt Applies background-position: right top; to element @extend .n-bgp-rt;
n-bgp-rc Applies background-position: right center; to element @extend .n-bgp-rc;
n-bgp-rb Applies background-position: right bottom; to element @extend .n-bgp-rb;
n-bgp-ct Applies background-position: center top; to element @extend .n-bgp-ct;
n-bgp-cc Applies background-position: center center; to element @extend .n-bgp-cc;
n-bgp-cb Applies background-position: center bottom; to element @extend .n-bgp-cb;
n-bgp-inherit Applies background-position: inherit; to element @extend .n-bgp-inherit;
n-bgp-initial Applies background-position: initial; to element @extend .n-bgp-initial;
n-bgp-unset Applies background-position: unset; to element @extend .n-bgp-unset;

Background Repeat


Class Name Description @extend Property
n-bgr-repeat Applies background-repeat: repeat; to element @extend .n-bgr-repeat;
n-bgr-repeat-x Applies background-repeat: repeat-x; to element @extend .n-bgr-repeat-x;
n-bgr-repeat-y Applies background-repeat: repeat-y; to element @extend .n-bgr-repeat-y;
n-bgr-no-repeat Applies background-repeat: no-repeat; to element @extend .n-bgr-no-repeat;
n-bgr-space Applies background-repeat: space; to element @extend .n-bgr-space;
n-bgr-round Applies background-repeat: round; to element @extend .n-bgr-round;
n-bgr-initial Applies background-repeat: initial; to element @extend .n-bgr-initial;

Background Size


Class Name Description @extend Property
n-bgs-a Applies background-size: auto; to element @extend .n-bgs-a;
n-bgs-cov Applies background-size: cover; to element @extend .n-bgs-cov;
n-bgs-con Applies background-size: contain; to element @extend .n-bgs-con;
n-bgs-ini Applies background-size: initial; to element @extend .n-bgs-ini;
n-bgs-inh Applies background-size: inherit; to element @extend .n-bgs-inh;
n-bgs-u Applies background-size: unset; to element @extend .n-bgs-u;
n-bgs-100 Applies background-size: 100%; to element @extend .n-bgs-100;