github.com/e154/smart-home@v0.17.2-0.20240311175135-e530a6e5cd45/doc/themes/docsy/assets/scss/support/_utilities.scss (about)

     1  // Mixins
     2  
     3  @mixin optional-at-root($sel) {
     4      @at-root #{if(not &, $sel, selector-append(&, $sel))} {
     5          @content;
     6      }
     7  }
     8  
     9  @mixin placeholder {
    10      @include optional-at-root("::-webkit-input-placeholder") {
    11          @content;
    12      }
    13  
    14  
    15      @include optional-at-root(":-moz-placeholder") {
    16          @content;
    17      }
    18  
    19  
    20      @include optional-at-root("::-moz-placeholder") {
    21          @content;
    22      }
    23  
    24  
    25      @include optional-at-root(":-ms-input-placeholder") {
    26          @content;
    27      }
    28  }
    29  
    30  // Common util classes.
    31  
    32  .td-border-top {
    33      border: none;
    34      border-top: 1px solid #eee;
    35  }
    36  
    37  .td-border-none {
    38      border: none;
    39  }
    40  
    41  .td-block-padding {
    42      padding-top: $td-block-space-top-base ;
    43      padding-bottom: $td-block-space-bottom-base;
    44  
    45      @include media-breakpoint-up(md) {
    46          padding-top: $td-block-space-top-base * 1.25;
    47          padding-bottom: $td-block-space-bottom-base * 1.25;
    48      }
    49  }
    50  
    51  .td-overlay {
    52      position: relative;
    53  
    54      &::after {
    55          content: "";
    56          position: absolute;
    57          top: 0;
    58          right: 0;
    59          bottom: 0;
    60          left: 0;
    61      }
    62  
    63      &--dark::after {
    64          background-color: rgba($dark, 0.3);
    65      }
    66  
    67      &--light::after {
    68          background-color: rgba($light, 0.3);
    69      }
    70  
    71      &__inner {
    72          position: relative;
    73          z-index: 1;
    74      }
    75  }
    76  
    77  .td-max-width-on-larger-screens {
    78      @include media-breakpoint-up(lg) {
    79          max-width: 80%;
    80      }
    81  
    82  }