hms
/
pisdr-rpi-image
mirror of https://github.com/luigifreitas/pisdr-image
1
0
Fork 0
Code Issues 0 Releases 14 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 Commits
3 Branches
11 MiB
 
 
 
 
 
Tree: bb8a7af46c
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'bb8a7af46c'
${ noResults }
pisdr-rpi-image/docs/_sass/utilities/_layout.scss

39 lines
1.2 KiB
Raw Blame History 

  1. // stylelint-disable primer/selector-no-utility, primer/no-override

  2. //

  3. // Utility classes for layout

  4. //

  5. 

  6. // Display

  7. 

  8. .d-block { display: block !important; }

  9. .d-flex { display: flex !important; }

  10. .d-inline { display: inline !important; }

  11. .d-inline-block { display: inline-block !important; }

  12. .d-none { display: none !important; }

  13. 

  14. @each $media-query in map-keys($media-queries) {

  15.   @for $i from 1 through length($spacers) {

  16.     @include mq($media-query) {

  17.       $size: #{map-get($spacers, sp-#{$i - 1})};

  18.       $scale: #{$i - 1};

  19. 

  20.       // .d-sm-block, .d-md-none, .d-lg-inline

  21.       .d-#{$media-query}-block { display: block !important; }

  22.       .d-#{$media-query}-flex { display: flex !important; }

  23.       .d-#{$media-query}-inline { display: inline !important; }

  24.       .d-#{$media-query}-inline-block { display: inline-block !important; }

  25.       .d-#{$media-query}-none { display: none !important; }

  26. 

  27.     }

  28.   }

  29. }

  30. 

  31. // Vertical alignment

  32. 

  33. .v-align-baseline { vertical-align: baseline !important; }

  34. .v-align-bottom { vertical-align: bottom !important; }

  35. .v-align-middle { vertical-align: middle !important; }

  36. .v-align-text-bottom { vertical-align: text-bottom !important; }

  37. .v-align-text-top { vertical-align: text-top !important; }

  38. .v-align-top { vertical-align: top !important; }