eslint/docs/src/assets/scss/utilities.scss

   1 .grid {
   2     @media all and (min-width: 1024px) {
   3         display: grid;
   4         grid-template-columns: repeat(12, 1fr);
   5         grid-gap: 2rem;
   6         align-items: start;
   7     }
   8 }
   9
  10 .visually-hidden {
  11     clip: rect(0 0 0 0);
  12     clip-path: inset(100%);
  13     height: 1px;
  14     overflow: hidden;
  15     position: absolute;
  16     width: 1px;
  17     white-space: nowrap;
  18 }
  19
  20 [hidden] {
  21     display: none !important;
  22 }
  23
  24 .mobile-only {
  25     @media all and (min-width: 1024px) {
  26         display: none;
  27     }
  28 }
  29
  30 .desktop-only {
  31     @media all and (max-width: 1023px) {
  32         display: none;
  33     }
  34 }
  35
  36 .text.text {
  37     color: inherit;
  38     font: inherit;
  39     font-family: var(--text-font);
  40     margin: 0;
  41 }
  42
  43 .color-brand {
  44     color: var(--link-color);
  45 }
  46
  47 .font-weight-medium {
  48     font-weight: 500;
  49 }
  50
  51 .center-text {
  52     text-align: center;
  53     grid-column: 1 / -1;
  54 }
  55
  56 .text-dark {
  57     color: var(--headings-color);
  58 }
  59
  60 .divider {
  61     border-bottom: 1px solid var(--divider-color);
  62     border-block-end: 1px solid var(--divider-color);
  63 }
  64
  65 .fs-step--1 {
  66     font-size: .875rem;
  67 }
  68
  69 .fs-step-0 {
  70     font-size: var(--step-0);
  71 }
  72
  73 .fs-step-1 {
  74     font-size: var(--step-1);
  75 }
  76
  77 .fs-step-2 {
  78     font-size: var(--step-2);
  79 }
  80
  81 .fs-step-3 {
  82     font-size: var(--step-3);
  83 }
  84
  85 .fs-step-4 {
  86     font-size: var(--step-4);
  87 }
  88
  89 .fs-step-5 {
  90     font-size: var(--step-5);
  91 }
  92
  93 .fs-step-6 {
  94     font-size: var(--step-6);
  95 }
  96
  97 .grid--center-items {
  98     align-items: center;
  99 }
 100
 101 .span-1-3 {
 102     grid-column: 1 / 4;
 103 }
 104
 105 .span-1-4 {
 106     grid-column: 1 / 5;
 107 }
 108
 109 .span-1-5 {
 110     grid-column: 1 / 6;
 111 }
 112
 113 .span-1-6 {
 114     grid-column: 1 / 7;
 115 }
 116
 117 .span-1-7 {
 118     grid-column: 1 / 8;
 119 }
 120
 121 .span-1-12 {
 122     grid-column: 1 / -1;
 123 }
 124
 125 .span-4-12 {
 126     grid-column: 4 / 13;
 127 }
 128
 129 .span-6-12 {
 130     grid-column: 6 / 13;
 131 }
 132
 133 .span-7-12 {
 134     grid-column: 7 / 13;
 135 }
 136
 137 .span-8-12 {
 138     grid-column: 8 / 13;
 139 }
 140
 141 .span-10-12 {
 142     grid-column: 10 / 13;
 143 }
 144
 145 .span-11-12 {
 146     grid-column: 11 / 13;
 147 }
 148
 149 .span-4-9 {
 150     grid-column: 4 / 10;
 151 }
 152
 153 .span-4-11 {
 154     grid-column: 4 / 11;
 155 }
 156
 157 .span-5-12 {
 158     grid-column: 5 / 12;
 159 }
 160
 161 .span-3-10 {
 162     grid-column: 3 / 11;
 163 }
 164
 165 .span-6-7 {
 166     grid-column: 6 / 8;
 167 }
 168
 169 .span-5-8 {
 170     grid-column: 5 / 9;
 171 }