Browse Source

Peaufinage du CSS pour qu’il soit plus homogène entre l’index et le phpdoc.

master
Matthieu Marcillaud 9 months ago
parent
commit
5fcbfe6491
  1. 8
      phpdoc/template/css/custom.css.twig
  2. 44
      templates/autodoc.css
  3. 6
      templates/index.html.twig

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

@ -46,7 +46,7 @@ html.avec_boussole_topnav body .autodoc-header {
}
.autodoc-container {
max-width: 1200px;
max-width: var(--container-width);
width: 100%;
margin: auto;
}
@ -79,13 +79,13 @@ html.avec_boussole_topnav body .autodoc-header {
font-size: 40px;
margin-bottom: 0;
margin-top: 0;
padding: 34px 0 10px 150px;
padding: 15px 0 0 160px;
font-weight: normal;
}
.autodoc-header h1:before {
content: "";
position: absolute;
top: 8px;
top: 0px;
left: -20px;
width: 176px;
height: 122px;
@ -108,7 +108,7 @@ html.avec_boussole_topnav body .autodoc-header {
display: flex;
}
.autodoc-navbar .autodoc-subtitle {
padding-left: 150px;
padding-left: 160px;
}

44
templates/autodoc.css

@ -13,17 +13,51 @@
--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));
}
html {
accent-color: var(--theme-color);
font-size: 100%;
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
line-height: 1.25;
}
html.avec_boussole_topnav body .header {
padding-top: 45px;
}
body {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: var(--font-primary);
font-size: var(--text-md);
letter-spacing: var(--letter-spacing--primary);
line-height: var(--line-height--primary);
}
main {
line-height: 1.5;
@ -45,7 +79,7 @@ a:focus {
}
.container {
max-width: 1200px;
max-width: var(--container-width);
width: 100%;
margin: auto;
}
@ -67,13 +101,13 @@ a:focus {
font-size: 40px;
margin-bottom: 0;
margin-top: 0;
padding: 34px 0 10px 150px;
padding: 15px 0 0 160px;
font-weight: normal;
}
.header h1:before {
content: "";
position: absolute;
top: 8px;
top: 0;
left: -20px;
width: 176px;
height: 122px;
@ -93,7 +127,7 @@ a:focus {
display: flex;
}
.navbar .subtitle {
padding-left: 150px;
padding-left: 160px;
}
.content {
@ -148,7 +182,7 @@ td.links a + a:before {
.footer {
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
margin-top: 70px;
margin-top: auto;
padding: 40px 0;
}

6
templates/index.html.twig

@ -5,8 +5,10 @@
<meta charset="utf-8" />
<link href="__data/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
{# FIXME: load fonts locally #}
<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="autodoc.css" />
<link rel="shortcut icon" type="image/png" href="favicon.png" />

Loading…
Cancel
Save