rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

fix(review)
All checks were successful
BrowserStack / browserstack (push) Has been skipped
Details

Browse Source
This commit is contained in:
Louis-Maxime Piton 2024-12-03 11:20:49 +01:00
parent faab259d50
commit 129115f7e1
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
scss/_debug.scss
View File

@ -1,30 +1,5 @@
@if $enable-debugger-classes {
.#{$prefix}grid-debug {
&::before {
position: fixed;
top: 0;
left: 0;
z-index: 2000;
padding: $spacer * .5 $spacer;
font-family: $font-family-base;
color: $black;
background-color: $white;
border-radius: 0 0 4px; // stylelint-disable-line property-disallowed-list
@include font-size($h1-font-size);
}
@each $breakpoint, $value in $grid-breakpoints {
@include media-breakpoint-up($breakpoint) {
&::before {
content: "#{$breakpoint}";
}
}
}
[class^="container"],
&[class^="container"],
.row,
&.row {
%grid-debug {
position: relative;
&::before {
@ -40,5 +15,38 @@
opacity: .3;
}
}
.#{$prefix}debug-grids {
&::before {
position: fixed;
top: 0;
left: 0;
z-index: 2000;
padding: .5em 1em;
font-family: $font-family-base;
color: $black;
background-color: $white;
border-radius: 0 0 4px; // stylelint-disable-line property-disallowed-list
@include font-size(var(--#{$prefix}debug-label-font-size, $h1-font-size));
}
@each $breakpoint, $value in $grid-breakpoints {
@include media-breakpoint-up($breakpoint) {
&::before {
content: "#{$breakpoint}";
}
}
}
[class^="container"],
&[class^="container"],
.row,
&.row {
@extend %grid-debug;
}
}
.#{$prefix}debug-grid-cols {
@extend %grid-debug;
}
}