storj.io/minio@v0.0.0-20230509071714-0cbc90f649b1/browser/app/less/inc/generics.less (about) 1 /*---------------------------- 2 Text Alignment 3 -----------------------------*/ 4 .text-center { text-align: center !important; } 5 .text-left { text-align: left !important; } 6 .text-right { text-align: right !important; } 7 8 9 /*---------------------------- 10 Float 11 -----------------------------*/ 12 .clearfix { .clearfix(); } 13 .pull-right { float: right !important; } 14 .pull-left { float: left !important; } 15 16 17 /*---------------------------- 18 Position 19 -----------------------------*/ 20 .p-relative { position: relative; } 21 22 23 /*--------------------------------------------------------------------------- 24 Generate Margin Class 25 margin, margin-top, margin-bottom, margin-left, margin-right 26 ----------------------------------------------------------------------------*/ 27 28 .margin (@label, @size: 1, @key:1) when (@size =< 30){ 29 .m-@{key} { 30 margin: @size !important; 31 } 32 33 .m-t-@{key} { 34 margin-top: @size !important; 35 } 36 37 .m-b-@{key} { 38 margin-bottom: @size !important; 39 } 40 41 .m-l-@{key} { 42 margin-left: @size !important; 43 } 44 45 .m-r-@{key} { 46 margin-right: @size !important; 47 } 48 49 .margin(@label - 5; @size + 5; @key + 5); 50 } 51 52 .margin(25, 0px, 0); 53 54 55 /*--------------------------------------------------------------------------- 56 Generate Padding Class 57 padding, padding-top, padding-bottom, padding-left, padding-right 58 ----------------------------------------------------------------------------*/ 59 .padding (@label, @size: 1, @key:1) when (@size =< 30){ 60 .p-@{key} { 61 padding: @size !important; 62 } 63 64 .p-t-@{key} { 65 padding-top: @size !important; 66 } 67 68 .p-b-@{key} { 69 padding-bottom: @size !important; 70 } 71 72 .p-l-@{key} { 73 padding-left: @size !important; 74 } 75 76 .p-r-@{key} { 77 padding-right: @size !important; 78 } 79 80 .padding(@label - 5; @size + 5; @key + 5); 81 } 82 83 .padding(25, 0px, 0);