sass css3 html5,GitHub - dongmingzhixiu/normal-scss-css: 常用的scss-css样式，对常用的样式进行组合优化，便于快速开发HTML5应用...

.border-efefef ,.bor-ef{border:var(--size1) solid #efefef!important;}

.border-ffffff ,.bor-ff{border:var(--size1) solid #ffffff!important;}

.border-success ,.bor-s{border:var(--size1) solid var(--successcolor)!important;}

.border-danger ,.bor-d{border:var(--size1) solid var(--dangercolor)!important;}

.border-primary ,.bor-p{border:var(--size1) solid var(--primarycolor)!important;}

.border-warning ,.bor-w{border:var(--size1) solid var(--warningcolor)!important;}

.border-info ,.bor-i{border:var(--size1) solid var(--infocolor)!important;}

/**

* 边框

*/

.border-width0 ,.bor-0 { border-top-width:0 !important ;border-bottom-width:0 !important ;border-left-width:0 !important ;border-right-width:0 !important ;}

.border-top-width0 ,.bor-t0 {border: 0;border-top-width:0 !important ;}

.border-bottom-width0 ,.bor-b0 {border: 0;border-bottom-width:0 !important ;}

.border-left-width0 ,.bor-l0 {border: 0;border-left-width:0 !important ;}

.border-right-width0 ,.bor-r0 {border: 0;border-right-width:0 !important ;}

.border-width ,.bor-1{ border-top-width:var(--size1) !important ;border-bottom-width:var(--size1) !important ;border-left-width:var(--size1) !important ;border-right-width:var(--size1) !important ;}

.border-top-width ,.bor-t1 {border: 0;border-top-width:var(--size1) !important;}

.border-bottom-width ,.bor-b1 {border: 0;border-bottom-width:var(--size1)!important ;}

.border-left-width ,.bor-l1 {border: 0;border-left-width:var(--size1) !important;}

.border-right-width ,.bor-r1 {border: 0;border-right-width:var(--size1) !important;}

.border-width2 ,.bor-2{ border-top-width:var(--size2) !important;border-bottom-width:var(--size2) !important;border-left-width:var(--size2) !important;border-right-width:var(--size2) !important ;}

.border-top-width2 ,.bor-t2 {border: 0;border-top-width:var(--size2) !important;}

.border-bottom-width2 ,.bor-b2 {border: 0;border-bottom-width:var(--size2) !important ;}

.border-left-width2 ,.bor-l2 {border: 0;border-left-width:var(--size2) !important ;}

.border-right-width2 ,.bor-r2 {border: 0;border-right-width:var(--size2) !important ;}

.border-width3 ,.bor-3{ border-top-width:var(--size3) !important;border-bottom-width:var(--size3) !important ;border-left-width:var(--size3) !important;border-right-width:var(--size3) !important;}

.border-top-width3 ,.bor-t3 {border: 0;border-top-width:var(--size3) !important ;}

.border-bottom-width3 ,.bor-b3 {border: 0;border-bottom-width:var(--size3) !important ;}

.border-left-width3 ,.bor-l3 {border: 0;border-left-width:var(--size3) !important;}

.border-right-width3 ,.bor-r3 {border: 0;border-right-width:var(--size3) !important ;}

.border-width4 ,.bor-4{ border-top-width:var(--size4) !important;border-bottom-width:var(--size4) !important;border-left-width:var(--size4) !important ;border-right-width:var(--size4) !important ;}

.border-top-width4 ,.bor-t4 {border: 0;border-top-width:var(--size4) !important ;}

.border-bottom-width4 ,.bor-b4 {border: 0;border-bottom-width:var(--size4) !important ;}

.border-left-width4 ,.bor-l4 {border: 0;border-left-width:var(--size4) !important ;}

.border-right-width4 ,.bor-r4 {border: 0;border-right-width:var(--size4) !important ;}

.border-width5 ,.bor-5{ border-top-width:var(--size5) !important;border-bottom-width:var(--size5) !important;border-left-width:var(--size5) !important ;border-right-width:var(--size5) !important ;}

.border-top-width5 ,.bor-t5 {border: 0;border-top-width:var(--size5) !important ;}

.border-bottom-width5 ,.bor-b5 {border: 0;border-bottom-width:var(--size5) !important ;}

.border-left-width5 ,.bor-l5 {border: 0;border-left-width:var(--size5) !important ;}

.border-right-width5 ,.bor-r5 {border: 0;border-right-width:var(--size5) !important ;}

/**

* 边框颜色

*/

.border-color-primary ,.bor-c-p {border-color: var(--primarycolor)!important ;}

.border-color-top-primary,.bor-c-t-p {border-top-color: var(--primarycolor)!important ;}

.border-color-bottom-primary,.bor-c-b-p {border-bottom-color:var(--primarycolor)!important ;}

.border-color-left-primary,.bor-c-l-p {border-left-color: var(--primarycolor)!important ;}

.border-color-right-primary,.bor-c-r-p {border-right-color: var(--primarycolor)!important ;}

.border-color-success ,.bor-c-s {border-color: var(--successcolor)!important ;}

.border-color-top-success,.bor-c-t-s {border-top-color: var(--successcolor)!important ;}

.border-color-bottom-success,.bor-c-b-s {border-bottom-color:var(--successcolor)!important ;}

.border-color-left-success,.bor-c-l-s {border-left-color: var(--successcolor)!important ;}

.border-color-right-success,.bor-c-r-s {border-right-color: var(--successcolor)!important ;}

.border-color-warning ,.bor-c-w {border-color: var(--warningcolor)!important ;}

.border-color-top-warning,.bor-c-t-w {border-top-color: var(--warningcolor)!important ;}

.border-color-bottom-warning,.bor-c-b-w {border-bottom-color:var(--warningcolor)!important ;}

.border-color-left-warning,.bor-c-l-w {border-left-color: var(--warningcolor)!important ;}

.border-color-right-warning,.bor-c-r-w {border-right-color: var(--warningcolor)!important ;}

.border-color-info ,.bor-c-i {border-color: var(--infocolor)!important ;}

.border-color-top-info,.bor-c-t-i {border-top-color: var(--infocolor)!important ;}

.border-color-bottom-info,.bor-c-b-i {border-bottom-color:var(--infocolor)!important ;}

.border-color-left-info,.bor-c-l-i {border-left-color: var(--infocolor)!important ;}

.border-color-right-info,.bor-c-r-i {border-right-color: var(--infocolor)!important ;}

.border-color-danger,.bor-c-d {border-color: var(--dangercolor)!important ;}

.border-color-top-danger,.bor-c-t-d {border-top-color: var(--dangercolor)!important ;}

.border-color-bottom-danger,.bor-c-b-d {border-bottom-color:var(--dangercolor)!important ;}

.border-color-left-danger,.bor-c-l-d {border-left-color: var(--dangercolor)!important ;}

.border-color-right-danger,.bor-c-r-d {border-right-color: var(--dangercolor)!important ;}

.border-color-efefef,.bor-c-ef {border-color: #efefef!important ;}

.border-color-top-efefef,.bor-c-t-ef {border-top-color: #efefef!important ;}

.border-color-bottom-efefef,.bor-c-b-ef {border-bottom-color: #efefef!important ;}

.border-color-left-efefef,.bor-c-l-ef {border-left-color: #efefef!important ;}

.border-color-right-efefef,.bor-c-r-ef {border-right-color: #efefef!important ;}

.border-color-ffffff,.bor-c-ff {border-color: #ffffff!important ;}

.border-color-top-ffffff,.bor-c-t-ff {border-top-color: #ffffff!important ;}

.border-color-bottom-ffffff,.bor-c-b-ff {border-bottom-color: #ffffff!important ;}

.border-color-left-ffffff,.bor-c-l-ff {border-left-color: #ffffff!important ;}

.border-color-right-ffffff,.bor-c-r-ff {border-right-color: #ffffff!important ;}

.border-style ,.bor-s-sol {border-style: solid;}

.border-style-none ,.bor-s-non{border-style:none;}

.border-style-hidden ,.bor-s-hid{border-style:hidden;}

.border-style-dotted ,.bor-s-dot{border-style:dotted;}

.border-style-dashed ,.bor-s-das{border-style:dashed;}

.border-style-solid ,.bor-s-sol{border-style:solid;}

.border-style-double ,.bor-s-dou{border-style:double;}

.border-style-groove ,.bor-s-gro{border-style:groove;}

.border-style-ridge ,.bor-s-rid{border-style:ridge;}

.border-style-inset ,.bor-s-ins{border-style:inset;}

.border-style-outset ,.bor-s-out{border-style:outset;}

.border-style-inherit ,.bor-s-inh{border-style:inherit;}