Browse Source

Un peu de responsive sur le header

master
Matthieu Marcillaud 9 months ago
parent
commit
a723e2f806
  1. 13
      phpdoc/template/css/custom.css.twig
  2. 16
      phpdoc/template/css/variables.css.twig
  3. 13
      templates/autodoc.css

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

File diff suppressed because one or more lines are too long

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

@ -107,4 +107,20 @@
--theme-gray-light: #d4d4d4;
--theme-gray-lighten: #f2f2f2;
--theme-gray-lighter: #fafafa;
--logo-width: 176px;
--logo-height: 122px;
--logo-top: 0px;
--logo-left: -10px;
--logo-indent-title: 170px;
--logo-indent-slogan: 170px;
}
@media (max-width: 600px) {
:root{
--logo-width: 88px;
--logo-height: 61px;
--logo-top: 15px;
--logo-indent-title: 80px;
--logo-indent-slogan: 0px;
}
}

13
templates/autodoc.css

@ -76,18 +76,19 @@ a:focus {
font-size: 40px;
margin-bottom: 0;
margin-top: 0;
padding: 15px 0 0 170px;
padding: 15px 0 0 var(--logo-indent-title);
font-weight: normal;
}
.autodoc-header h1:before {
content: "";
position: absolute;
top: 0;
left: -10px;
width: 176px;
height: 122px;
top: var(--logo-top);
left: var(--logo-left);
width: var(--logo-width);
height: var(--logo-height);
display: block;
background: url(autodoc.png) no-repeat top left;
background-size: contain;
}
.autodoc-navbar {
@ -100,7 +101,7 @@ a:focus {
display: flex;
}
.autodoc-navbar .autodoc-subtitle {
padding-left: 170px;
padding-left: var(--logo-indent-slogan);
}
.autodoc-content {

Loading…
Cancel
Save