Browse Source

Une marge sur le contenu gauche et droite, sur l’index

master
Matthieu Marcillaud 9 months ago
parent
commit
be4f938596
  1. 32
      phpdoc/template/css/custom.css.twig
  2. 34
      phpdoc/template/css/variables.css.twig
  3. 3
      src/Stage/IndexStage.php
  4. 34
      templates/autodoc.css
  5. 1
      templates/index.html.twig

32
phpdoc/template/css/custom.css.twig vendored

@ -1,35 +1,3 @@
:root {
/* #7a4482; hsl(292, 31%, 39%); */
--spip-primary-color: #7a4482;
--primary-color-hue: 292;
--primary-color-saturation: 31%;
--primary-color-lighter: hsl(var(--primary-color-hue), var(--primary-color-saturation), 98%);
--spip-name-color: #e05a00;
--spip-type-color: #5a852a;
--spip-visibility-color: #0d73bc;
--spip-argument-color: #93347f;
--spip-argument-value-color: #637986;
--spip-dark-color: hsl(var(--primary-color-hue), 20%, 45%);
--spip-tag-color: var(--spip-dark-color);
--spip-padding-x: 1rem;
--spip-padding-y: 1rem;
--spip-padding-x-neg: calc(-1 * var(--spip-padding-x));
--spip-padding-y-neg: calc(-1 * var(--spip-padding-y));
--spip-border-size: 3px;
--spip-border-radius: 10px;
/* header */
--theme-color: #660e5c;
--theme-color--light: #a887b8;
--theme-gray-light: #d4d4d4;
--theme-gray-lighten: #f2f2f2;
--theme-gray-lighter: #fafafa;
}
body {
width: 100%;

34
phpdoc/template/css/variables.css.twig vendored

@ -74,3 +74,37 @@
--border-radius-base-size: 3px;
}
/* Custom vars */
:root {
/* #7a4482; hsl(292, 31%, 39%); */
--spip-primary-color: #7a4482;
--primary-color-hue: 292;
--primary-color-saturation: 31%;
--primary-color-lighter: hsl(var(--primary-color-hue), var(--primary-color-saturation), 98%);
--spip-name-color: #e05a00;
--spip-type-color: #5a852a;
--spip-visibility-color: #0d73bc;
--spip-argument-color: #93347f;
--spip-argument-value-color: #637986;
--spip-dark-color: hsl(var(--primary-color-hue), 20%, 45%);
--spip-tag-color: var(--spip-dark-color);
--spip-padding-x: 1rem;
--spip-padding-y: 1rem;
--spip-padding-x-neg: calc(-1 * var(--spip-padding-x));
--spip-padding-y-neg: calc(-1 * var(--spip-padding-y));
--spip-border-size: 3px;
--spip-border-radius: 10px;
/* header */
--theme-color: #660e5c;
--theme-color--light: #a887b8;
--theme-gray-light: #d4d4d4;
--theme-gray-lighten: #f2f2f2;
--theme-gray-lighter: #fafafa;
}

3
src/Stage/IndexStage.php

@ -113,6 +113,9 @@ class IndexStage implements StageInterface {
}
private function copyCss(Context $context) {
$template = new Template($context->phpdocumentor->config_directory . '/template/css', $context->directory->output_base);
$template->generate('variables.css.twig');
$fs = new Filesystem();
$fs->copy($context->directory->templates . '/autodoc.png', $context->directory->output_base . '/autodoc.png');
$fs->copy($context->directory->templates . '/autodoc.css', $context->directory->output_base . '/autodoc.css');

34
templates/autodoc.css

@ -1,11 +1,4 @@
:root {
--theme-color: #660e5c;
--theme-color--light: #a887b8;
--theme-gray-light: #d4d4d4;
--theme-gray-lighten: #f2f2f2;
--theme-gray-lighter: #fafafa;
--border-color: #cfcfcf;
--border-color--dark: #ccc;
--table-heading-bg: #f6f6f6;
@ -13,28 +6,9 @@
--link-color: #91548c;
--link-color--hover: #6d446a;
--container-width: 1400px;
/* Typography */
--font-primary: 'Source Sans Pro', Helvetica, Arial, sans-serif;
--font-secondary: 'Source Sans Pro', Helvetica, Arial, sans-serif;
--font-monospace: 'Source Code Pro', monospace;
--line-height--primary: 1.6;
--letter-spacing--primary: .05rem;
--text-base-size: 1em;
--text-scale-ratio: 1.2;
--text-xxs: calc(var(--text-base-size) / var(--text-scale-ratio) / var(--text-scale-ratio) / var(--text-scale-ratio));
--text-xs: calc(var(--text-base-size) / var(--text-scale-ratio) / var(--text-scale-ratio));
--text-sm: calc(var(--text-base-size) / var(--text-scale-ratio));
--text-md: var(--text-base-size);
--text-lg: calc(var(--text-base-size) * var(--text-scale-ratio));
--text-xl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxxl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxxxl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxxxxl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
}
* {
box-sizing: border-box;
}
html {
accent-color: var(--theme-color);
@ -82,6 +56,8 @@ a:focus {
max-width: var(--container-width);
width: 100%;
margin: auto;
padding-left: var(--spacing-md);
padding-right: var(--spacing-md);
}
.header {

1
templates/index.html.twig

@ -9,6 +9,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="variables.css" />
<link rel="stylesheet" href="autodoc.css" />
<link rel="shortcut icon" type="image/png" href="favicon.png" />

Loading…
Cancel
Save