123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690 |
- // 经典红 a
- $a-m: #ff4544;
- $a-s: #f39800;
- // 活力黄 b
- $b-m: #fcc600;
- $b-s: #555555;
- // 浪漫粉 c
- $c-m: #ff547b;
- $c-s: #ffe6e8;
- // 流光金 d
- $d-m: #ddb766;
- $d-s: #f0ebd8;
- // 优雅紫 e
- $e-m: #7783ea;
- $e-s: #e9ebff;
- // 品味红 f
- $f-m: #ff4544;
- $f-s: #555555;
- // 清醒绿 g
- $g-m: #63be72;
- $g-s: #e1f4e3;
- // 商务蓝 h
- $h-m: #4a90e2;
- $h-s: #dbe9f9;
- // 纯粹黑 i
- $i-m: #333333;
- $i-s: #dedede;
- // 忧郁红 j
- $j-m: #ff4544;
- $j-s: #ffdada;
- // 热情红 j
- $k-m: #ff6699;
- $k-s: #9999ff;
- // 商城管理蓝 q
- $app-admin-main-color: #446dfd;
- // 通用的浅灰色
- $app-light-gray-color: #f7f7f7;
- // 文字颜色
- .admin.admin-m-text {
- color: $app-admin-main-color;
- }
- .a.a-m-text {
- color: $a-m;
- }
- .a.a-s-text {
- color: $a-s;
- }
- .b.b-m-text {
- color: $b-m;
- }
- .b.b-s-text {
- color: $b-s;
- }
- .c.c-m-text {
- color: $c-m;
- }
- .c.c-s-text {
- color: $c-s;
- }
- .d.d-m-text {
- color: $d-m;
- }
- .d.d-s-text {
- color: $d-s;
- }
- .e.e-m-text {
- color: $e-m;
- }
- .e.e-s-text {
- color: $e-s;
- }
- .f.f-m-text {
- color: $f-m;
- }
- .f.f-s-text {
- color: $f-s;
- }
- .g.g-m-text {
- color: $g-m;
- }
- .g.g-s-text {
- color: $g-s;
- }
- .h.h-m-text {
- color: $h-m;
- }
- .h.h-s-text {
- color: $h-s;
- }
- .i.i-m-text {
- color: $i-m;
- }
- .i.i-s-text {
- color: $i-s;
- }
- .j.j-m-text {
- color: $j-m;
- }
- .j.j-s-text {
- color: $j-s;
- }
- .k.k-m-text {
- color: $k-m;
- }
- .k.k-s-text {
- color: $k-s;
- }
- // 背景色
- .a.a-m-back {
- background-color: $a-m;
- }
- .a.a-s-back {
- background-color: $a-s;
- }
- .b.b-m-back {
- background-color: $b-m;
- }
- .b.b-s-back {
- background-color: $b-s;
- }
- .c.c-m-back {
- background-color: $c-m;
- }
- .c.c-s-back {
- background-color: $c-s;
- }
- .d.d-m-back {
- background-color: $d-m;
- }
- .d.d-s-back {
- background-color: $d-s;
- }
- .e.e-m-back {
- background-color: $e-m;
- }
- .e.e-s-back {
- background-color: $e-s;
- }
- .f.f-m-back {
- background-color: $f-m;
- }
- .f.f-s-back {
- background-color: $f-s;
- }
- .g.g-m-back {
- background-color: $g-m;
- }
- .g.g-s-back {
- background-color: $g-s;
- }
- .h.h-m-back {
- background-color: $h-m;
- }
- .h.h-s-back {
- background-color: $h-s;
- }
- .i.i-m-back {
- background-color: $i-m;
- }
- .i.i-s-back {
- background-color: $i-s;
- }
- .j.j-m-back {
- background-color: $j-m;
- }
- .j.j-s-back {
- background-color: $j-s;
- }
- .k.k-m-back {
- background-color: $k-m;
- }
- .k.k-s-back {
- background-color: $k-s;
- }
- .admin.admin-m-back {
- background-color: $app-admin-main-color;
- }
- .app-light-gray-back {
- background-color: $app-light-gray-color;
- }
- // 背景色
- .a.a-m-back-o {
- background: rgba(255,69,68, 0.1);
- }
- .b.b-m-back-o {
- background: rgba(252,198,0, 0.1);
- }
- .c.c-m-back-o {
- background: rgba(255,84,123, 0.1);
- }
- .d.d-m-back-o {
- background: rgba(221,183,102, 0.1);
- }
- .e.e-m-back-o {
- background: rgba(119,131,234, 0.1);
- }
- .f.f-m-back-o {
- background: rgba(255,69,68, 0.1);
- }
- .g.g-m-back-o {
- background: rgba(99,190,114, 0.1);
- }
- .h.h-m-back-o {
- background: rgba(74,144,226, 0.1);
- }
- .i.i-m-back-o {
- background: rgba(51,51,51, 0.1);
- }
- .j.j-m-back-o {
- background: rgba(255,69,68, 0.1);
- }
- .k.k-m-back-o {
- background: rgba(255,102,153, 0.1);
- }
- // 背景色
- .a.a-m-back-p {
- background: rgba(255,69,68, 0.2);
- }
- .b.b-m-back-p {
- background: rgba(252,198,0, 0.2);
- }
- .c.c-m-back-p {
- background: rgba(255,84,123, 0.2);
- }
- .d.d-m-back-p {
- background: rgba(221,183,102, 0.2);
- }
- .e.e-m-back-p {
- background: rgba(119,131,234, 0.2);
- }
- .f.f-m-back-p {
- background: rgba(255,69,68, 0.2);
- }
- .g.g-m-back-p {
- background: rgba(99,190,114, 0.2);
- }
- .h.h-m-back-p {
- background: rgba(74,144,226, 0.2);
- }
- .i.i-m-back-p {
- background: rgba(51,51,51, 0.2);
- }
- .j.j-m-back-p {
- background: rgba(255,69,68, 0.2);
- }
- .k.k-m-back-p {
- background: rgba(255,102,153, 0.2);
- }
- // 背景色
- .a.a-m-back-l {
- background: rgba(255,69,68, 0.35);
- }
- .b.b-m-back-l {
- background: rgba(252,198,0, 0.35);
- }
- .c.c-m-back-l {
- background: rgba(255,84,123, 0.35);
- }
- .d.d-m-back-l {
- background: rgba(221,183,102, 0.35);
- }
- .e.e-m-back-l {
- background: rgba(119,131,234, 0.35);
- }
- .f.f-m-back-l {
- background: rgba(255,69,68, 0.35);
- }
- .g.g-m-back-l {
- background: rgba(99,190,114, 0.35);
- }
- .h.h-m-back-l {
- background: rgba(74,144,226, 0.35);
- }
- .i.i-m-back-l {
- background: rgba(51,51,51, 0.35);
- }
- .j.j-m-back-l {
- background: rgba(255,69,68, 0.35);
- }
- .k.k-m-back-l {
- background: rgba(255,102,153, 0.35);
- }
- // 背景色
- .a.a-m-back-q {
- background: rgba(255,69,68, 0.8);
- }
- .b.b-m-back-q {
- background: rgba(252,198,0, 0.8);
- }
- .c.c-m-back-q {
- background: rgba(255,84,123, 0.8);
- }
- .d.d-m-back-q {
- background: rgba(221,183,102, 0.8);
- }
- .e.e-m-back-q {
- background: rgba(119,131,234, 0.8);
- }
- .f.f-m-back-q {
- background: rgba(255,69,68, 0.8);
- }
- .g.g-m-back-q {
- background: rgba(99,190,114, 0.8);
- }
- .h.h-m-back-q {
- background: rgba(74,144,226, 0.8);
- }
- .i.i-m-back-q {
- background: rgba(51,51,51, 0.8);
- }
- .j.j-m-back-q {
- background: rgba(255,69,68, 0.8);
- }
- .j.j-m-back-q {
- background: rgba(255,102,153, 0.8);
- }
- // 边框颜色 (秒杀)
- .a .a.a-m-border-m{
- border-color: $a-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .a .a.a-s-border-m {
- border-color: $a-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .b .b.b-m-border-m {
- border-color: $b-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .b .b.b-s-border-m {
- border-color: $b-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .c .c.c-m-border-m {
- border-color: $c-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .c .c.c-s-border-m {
- border-color: $c-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .d .d.d-m-border-m {
- border-color: $d-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .d .d.d-s-border-m {
- border-color: $d-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .e .e.e-m-border-m {
- border-color: $e-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .e .e.e-s-border-m {
- border-color: $e-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .f .f.f-m-border-m {
- border-color: $f-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .f .f.f-s-border-m {
- border-color: $f-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .g .g.g-m-border-m {
- border-color: $g-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .g .g.g-s-border-m {
- border-color: $g-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .h .h.h-m-border-m {
- border-color: $h-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .h .h.h-s-border-m {
- border-color: $h-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .i .i-m-border-m {
- border-color: $i-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .i .i.i-s-border-m {
- border-color: $i-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .j .j.j-m-border-m {
- border-color: $j-m;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .j .j.j-s-border-m {
- border-color: $j-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- .k .k.k-s-border-m {
- border-color: $k-s;
- border-bottom-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- }
- // 边框颜色
- .admin .admin.admin-m-border{
- border-color: $app-admin-main-color;
- }
- .a .a.a-m-border{
- border-color: $a-m;
- }
- .a .a.a-s-border {
- border-color: $a-s;
- }
- .b .b.b-m-border {
- border-color: $b-m;
- }
- .b .b.b-s-border {
- border-color: $b-s;
- }
- .c .c.c-m-border {
- border-color: $c-m;
- }
- .c .c.c-s-border {
- border-color: $c-s;
- }
- .d .d.d-m-border {
- border-color: $d-m;
- }
- .d .d.d-s-border {
- border-color: $d-s;
- }
- .e .e.e-m-border {
- border-color: $e-m;
- }
- .e .e.e-s-border {
- border-color: $e-s;
- }
- .f .f.f-m-border {
- border-color: $f-m;
- }
- .f .f.f-s-border {
- border-color: $f-s;
- }
- .g .g.g-m-border {
- border-color: $g-m;
- }
- .g .g.g-s-border {
- border-color: $g-s;
- }
- .h .h.h-m-border {
- border-color: $h-m;
- }
- .h .h.h-s-border {
- border-color: $h-s;
- }
- .i .i-m-border {
- border-color: $i-m;
- }
- .i .i.i-s-border {
- border-color: $i-s;
- }
- .j .j.j-m-border {
- border-color: $j-m;
- }
- .j .j.j-s-border {
- border-color: $j-s;
- }
- .k .k.k-m-border {
- border-color: $k-m;
- }
- .k .k.k-s-border {
- border-color: $k-s;
- }
- // 背景色
- .a.a-m-gradient {
- background:linear-gradient(140deg, $a-m, $a-s) ;
- }
- .b.b-m-gradient {
- background: linear-gradient(140deg, $b-m, $b-s) ;
- }
- .c.c-m-gradient {
- background: linear-gradient(140deg, $c-m, $c-s) ;
- }
- .d.d-m-gradient{
- background:linear-gradient(140deg, $d-m, $d-s) ;
- }
- .e.e-m-gradient {
- background: linear-gradient(140deg, $e-m, $e-s) ;
- }
- .f.f-m-gradient{
- background: linear-gradient(140deg, $f-m, $f-s) ;
- }
- .g.g-m-gradient {
- background: linear-gradient(140deg, $g-m, $g-s) ;
- }
- .h.h-m-gradient {
- background: linear-gradient(140deg, $h-m, $h-s) ;
- }
- .i.i-m-gradient {
- background: linear-gradient(140deg, $i-m, $i-s) ;
- }
- .j.j-m-gradient {
- background: linear-gradient(140deg, $j-m, $j-s) ;
- }
- .k.k-m-gradient {
- background: linear-gradient(140deg, $k-m, $k-s) ;
- }
- // 背景色
- .a.a-m-gradient-l {
- background:linear-gradient(to right, rgba(255, 69, 68, 1), rgba(255, 69, 68, 0.5)) ;
- }
- .b.b-m-gradient-l {
- background: linear-gradient(to right, rgba(252, 198, 0, 1), rgba(252, 198, 0, 0.5)) ;
- }
- .c.c-m-gradient-l {
- background: linear-gradient(to right, rgba(255, 84, 123, 1), rgba(255, 84, 123, 0.5)) ;
- }
- .d.d-m-gradient-l{
- background:linear-gradient(to right, rgba(221, 183, 102, 1), rgba(221, 183, 102, 0.5)) ;
- }
- .e.e-m-gradient-l {
- background: linear-gradient(to right, rgba(119, 131, 234, 1), rgba(119, 131, 234, 0.5)) ;
- }
- .f.f-m-gradient-l{
- background: linear-gradient(to right, rgba(255, 69, 68, 1), rgba(255, 69, 68, 0.5)) ;
- }
- .g.g-m-gradient-l {
- background: linear-gradient(to right, rgba(99, 190, 114, 1), rgba(99, 190, 114, 0.5)) ;
- }
- .h.h-m-gradient-l {
- background: linear-gradient(to right, rgba(74, 144, 226, 1), rgba(74, 144, 226, 0.5)) ;
- }
- .i.i-m-gradient-l {
- background: linear-gradient(to right, rgba(51,51,51, 1), rgba(51,51,51, 0.5)) ;
- }
- .j.j-m-gradient-l {
- background: linear-gradient(to right, rgba(255, 69, 68, 1), rgba(255, 69, 68, 0.5));
- }
- .a.a-m-gradient-o {
- background: linear-gradient(to right, rgb(255,69,68),rgba(255,69,68, 0.7));
- }
- .b.b-m-gradient-o {
- background: linear-gradient(to right, rgb(252,198,0),rgba(252,198,0, 0.7));
- }
- .c.c-m-gradient-o {
- background: linear-gradient(to right, rgb(255,84,123),rgba(255,84,123, 0.7));
- }
- .d.d-m-gradient-o {
- background: linear-gradient(to right, rgb(221,183,102),rgba(221,183,102, 0.7));
- }
- .e.e-m-gradient-o {
- background: linear-gradient(to right, rgb(119,131,234),rgba(119,131,234, 0.7));
- }
- .f.f-m-gradient-o {
- background: linear-gradient(to right, rgb(255,69,68),rgba(255,69,68, 0.7));
- }
- .g.g-m-gradient-o {
- background: linear-gradient(to right, rgb(99,190,114),rgba(99,190,114, 0.7));
- }
- .h.h-m-gradient-o {
- background: linear-gradient(to right, rgb(74,144,226),rgba(74,144,226, 0.7));
- }
- .i.i-m-gradient-o {
- background: linear-gradient(to right, rgb(51,51,51),rgba(51,51,51, 0.7));
- }
- .j.j-m-gradient-o {
- background: linear-gradient(to right, rgb(255,69,68),rgba(255,69,68, 0.7));
- }
- .k.k-m-gradient-o {
- background: linear-gradient(to right, rgb(255,102,153),rgba(255,102,153, 0.7));
- }
- .a.a-s-gradient-o {
- background: linear-gradient(to right, rgb(243,152,0),rgba(243,152,0, 0.7));
- }
- .b.b-s-gradient-o {
- background: linear-gradient(to right, rgb(85,85,85),rgba(85,85,85, 0.7));
- }
- .c.c-s-gradient-o {
- background: linear-gradient(to right, rgb(255,230,232),rgba(255,230,232, 0.7));
- }
- .d.d-s-gradient-o {
- background: linear-gradient(to right, rgb(240,235,216),rgba(240,235,216, 0.7));
- }
- .e.e-s-gradient-o {
- background: linear-gradient(to right, rgb(233,235,255),rgba(233,235,255, 0.7));
- }
- .f.f-s-gradient-o {
- background: linear-gradient(to right, rgb(85,85,85),rgba(85,85,85, 0.7));
- }
- .g.g-s-gradient-o {
- background: linear-gradient(to right, rgb(225,244,227),rgba(225,244,227, 0.7));
- }
- .h.h-s-gradient-o {
- background: linear-gradient(to right, rgb(219,233,249),rgba(219,233,249, 0.7));
- }
- .i.i-s-gradient-o {
- background: linear-gradient(to right, rgb(222,222,222),rgba(222,222,222, 0.7));
- }
- .j.j-s-gradient-o {
- background: linear-gradient(to right, rgb(255,218,218),rgba(255,218,218, 0.7));
- }
- .k.k-s-gradient-o {
- background: linear-gradient(to right, rgb(153,153,255),rgba(153,153,255, 0.7));
- }
- //
- //// 文字色
- .app-admin-color {
- color: $app-admin-main-color
- }
|