Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 
 

39 rader
1.2 KiB

  1. // stylelint-disable primer/selector-no-utility, primer/no-override
  2. //
  3. // Utility classes for layout
  4. //
  5. // Display
  6. .d-block { display: block !important; }
  7. .d-flex { display: flex !important; }
  8. .d-inline { display: inline !important; }
  9. .d-inline-block { display: inline-block !important; }
  10. .d-none { display: none !important; }
  11. @each $media-query in map-keys($media-queries) {
  12. @for $i from 1 through length($spacers) {
  13. @include mq($media-query) {
  14. $size: #{map-get($spacers, sp-#{$i - 1})};
  15. $scale: #{$i - 1};
  16. // .d-sm-block, .d-md-none, .d-lg-inline
  17. .d-#{$media-query}-block { display: block !important; }
  18. .d-#{$media-query}-flex { display: flex !important; }
  19. .d-#{$media-query}-inline { display: inline !important; }
  20. .d-#{$media-query}-inline-block { display: inline-block !important; }
  21. .d-#{$media-query}-none { display: none !important; }
  22. }
  23. }
  24. }
  25. // Vertical alignment
  26. .v-align-baseline { vertical-align: baseline !important; }
  27. .v-align-bottom { vertical-align: bottom !important; }
  28. .v-align-middle { vertical-align: middle !important; }
  29. .v-align-text-bottom { vertical-align: text-bottom !important; }
  30. .v-align-text-top { vertical-align: text-top !important; }
  31. .v-align-top { vertical-align: top !important; }