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);