Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-21 15:13:50 +00:00
Code Issues Actions Projects Releases Wiki Activity

adding a responsive breakpoints debug flag

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-07-28 12:59:03 +02:00
parent 57a8b49f49
commit 50e9a06e49
5 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/bootstrap.scss vendored
View File

@@ -59,3 +59,4 @@
// CHILL custom
@import "custom";
@import "custom/_debug";

19
src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_debug.scss Normal file
View File

@@ -0,0 +1,19 @@
body {
position: relative;
div.responsive {
position: fixed;
top: 0;
left: 50%;
background-color: #4a4d50;
color: white;
padding: 0.5em;
z-index: 10000;
@media (max-width: 576px) { &::after { content: 'XS'; }}
@media (min-width: 576px) { &::after { content: 'SM'; }}
@media (min-width: 768px) { &::after { content: 'MD'; }}
@media (min-width: 992px) { &::after { content: 'LG'; }}
@media (min-width: 1200px) { &::after { content: 'XL'; }}
@media (min-width: 1400px) { &::after { content: 'XXL'; }}
}
}