Template: add extra breakpoint for xxxl screens

phpDocumentor · Aug 15, 2023 · a94d944 · a94d944
1 parent d753f10
commit a94d944
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/data/templates/default/components/content.css.twig b/data/templates/default/components/content.css.twig
@@ -3,11 +3,19 @@
     display: flex;
     gap: var(--spacing-md);
 }
+
 .phpdocumentor-content > section:first-of-type {
-    width: 100%;
+    width: 75%;
     flex: 1 1 auto;
 }
 
+@media (min-width: {{ breakpoints['xxxl'] }}) {
+    .phpdocumentor-content > section:first-of-type {
+        width: 100%;
+        flex: 1 1 auto;
+    }
+}
+
 .phpdocumentor .phpdocumentor-content__title {
     margin-top: 0;
 }
diff --git a/data/templates/default/css/base.css.twig b/data/templates/default/css/base.css.twig
@@ -4,6 +4,7 @@
     'lg': '750px',
     'xl': '1000px',
     'xxl': '1200px',
+    'xxxl': '1900px',
     'menu': '1000px'
 } %}
 

diff --git a/data/templates/default/css/template.css.twig b/data/templates/default/css/template.css.twig
@@ -1,4 +1,12 @@
-{% set breakpoints = {'sm': '400px', 'md': '550px', 'lg': '750px', 'xl': '1000px', 'xxl': '1200px', 'menu': '1000px'} %}
+{% set breakpoints = {
+    'sm': '400px',
+    'md': '550px',
+    'lg': '750px',
+    'xl': '1000px',
+    'xxl': '1200px',
+    'xxxl': '1900px',
+    'menu': '1000px'
+} %}
 
 {% include 'components/content.css.twig' %}
 {% include 'components/summary.css.twig' %}