From 32f39949b336f0650131c44038afc645df8cb285 Mon Sep 17 00:00:00 2001 From: stanislas Date: Tue, 25 Mar 2025 23:19:16 +0100 Subject: [PATCH 1/3] Les tags sont sur plusieurs colonnes --- layouts/_default/taxonomy.html | 10 +++++++--- src/scss/_component.scss | 6 ++++++ static/css/theme.css | 6 ++++++ static/css/theme.min.css | 2 +- 4 files changed, 20 insertions(+), 4 deletions(-) diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index 94a40ad..6951a7b 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -1,7 +1,11 @@ {{ define "main" }}

{{ .Title }}

{{ .Content }} - {{ range .Pages }} -

{{ .LinkTitle }}

- {{ end }} +
+ +
{{ end }} \ No newline at end of file diff --git a/src/scss/_component.scss b/src/scss/_component.scss index 784ba19..c0a5634 100644 --- a/src/scss/_component.scss +++ b/src/scss/_component.scss @@ -239,6 +239,12 @@ figure > figcaption h4 { } +.taxonomy { + -webkit-column-width: 150px; + -moz-column-width: 150px; + column-width: 150px; +} + .ais-SearchBox { .ais-SearchBox-input { width: 70%; diff --git a/static/css/theme.css b/static/css/theme.css index 8389b18..d72b1f1 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -985,6 +985,12 @@ figure > figcaption h4 { margin-left: 10rem; } +.taxonomy { + -webkit-column-width: 150px; + -moz-column-width: 150px; + column-width: 150px; +} + .ais-SearchBox .ais-SearchBox-input { width: 70%; } diff --git a/static/css/theme.min.css b/static/css/theme.min.css index ef5be00..3ee89fa 100644 --- a/static/css/theme.min.css +++ b/static/css/theme.min.css @@ -1,2 +1,2 @@ @charset "UTF-8"; -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}a{color:inherit;cursor:pointer}button,input,select,textarea{font:inherit}button{background-color:transparent;border-width:0;color:inherit;cursor:pointer;padding:0}input::-moz-focus-inner{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}cite{font-style:normal}fieldset{border-width:0;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{color:#000;font-family:var(--custom-font-family-base,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");-webkit-font-feature-settings:"pwid";font-feature-settings:"pwid";font-size:18px;line-height:1.6666666667}body{background-color:#fafafa;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--custom-font-family-headings,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-weight:700;line-height:1.6666666667}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{font-size:75%;font-weight:400}h1{font-size:240%;line-height:1.3125}h2{font-size:200%;line-height:1.375}h3{font-size:160%;line-height:1.46875}h4{font-size:125%;line-height:1.6}h5{font-size:100%;line-height:1.75}h6{font-size:80%;line-height:1.9375}a{color:var(--custom-link-text-color,#2e7eb3);text-decoration:none}a:active,a:focus,a:hover{color:var(--custom-link-text-hover-color,#38a0e4);text-decoration:underline}hr{background-color:#ccc;border:0;height:2px}p{font-size:18px}img{display:inline-block;line-height:0}img,video{height:auto;max-width:100%}table{border:1px solid #f0f0f0;border-collapse:collapse;width:100%}td,th{border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:.6rem}tr:nth-child(2n) td,tr:nth-child(2n) th{background:#f8f8f8}th{background:#eee;font-weight:700;text-align:left}ul{list-style-type:disc}ul.inline,ul.no-style{list-style:none;padding-left:0}ul.inline li{display:inline;padding-right:2rem}dt{font-weight:700}dd{margin-left:2rem}blockquote{background-color:#f4f4f4;border-left:4px solid #f0f0f0;border-radius:.2rem;color:#999;padding:1.6666666667rem}code,kbd,pre{font-family:Menlo,Monaco,Courier New,monospace}code,kbd{border-radius:.2rem;padding:.2rem}code{background-color:#f4f4f4}kbd{background-color:#333;color:#fff}pre{background-color:#f4f4f4;border-radius:.2rem;overflow:auto;padding:1.6666666667rem;white-space:pre-wrap}pre code{background-color:unset;padding:0}pre.wrap{white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}pre.scrollable{max-height:240px;overflow-y:scroll}figcaption{color:#333;font-size:18px;line-height:1.6666666667}:root{--const-stack:1.6666666667rem;--stack-top:1.6666666667rem;--stack-bottom:0;--first-stack-top:0;--first-stack-bottom:0;--last-stack-top:0;--last-stack-bottom:0}.first-stack,main *{margin-bottom:var(--first-stack-bottom,unset);margin-top:var(--first-stack-top,unset)}.ais-Hits-item,.button,.code,.edit-meta,.edit-page,.gist,.highlight,.pagination,.panel,.powered,.stack,.table_of_contents,.twitter-tweet,main *+blockquote,main *+dl,main *+figure,main *+h1,main *+h2,main *+h3,main *+h4,main *+h5,main *+h6,main *+hr,main *+ol,main *+p,main *+pre,main *+table,main *+ul{margin-bottom:var(--stack-bottom,unset);margin-top:var(--stack-top,unset)}.last-stack{margin-bottom:var(--last-stack-bottom,unset);margin-top:var(--last-stack-top,unset)}.stack-multi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)*2);margin-top:calc(var(--first-stack-top, unset)*2)}.stack-multi--by4{margin-bottom:calc(var(--first-stack-bottom, unset)*4);margin-top:calc(var(--first-stack-top, unset)*4)}.stack-divi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)/2);margin-top:calc(var(--first-stack-top, unset)/2)}.code .code-content .highlight,.none-stack,.pagination>*,figure>figcaption{margin-top:0}.ais-Hits-item p,.unset-stack,main li>ol,main li>ul{margin-top:unset}body,html{height:100%}.container{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin:auto}.container,.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.content-container{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}main,main:only-child{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0}main:only-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.sidebar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width:896px){.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}main{min-width:100%}.sidebar,main{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.sidebar{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;font-weight:700;justify-content:space-between}.nav-next{margin-left:auto}@media screen and (max-width:480px){.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-next{margin-left:0}}.panel{--panel-font-color:#000;--panel-background-color:unset;--panel-border-color:transparent;background:var(--panel-background-color,unset);border:1px solid;border-color:var(--panel-border-color,transparent);color:var(--panel-font-color,#000);padding:1.6666666667rem}.panel a{font-weight:700;text-decoration:underline}.panel-primary{--panel-border-color:#f0f0f0}.panel-notice{--panel-font-color:#fff;--panel-background-color:#b0b0b0;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-recipe{--panel-font-color:#000;--panel-background-color:#e0e0e0;--custom-link-text-color:#2e7eb3;--custom-link-text-hover-color:#38a0e4}.panel-success{--panel-font-color:#fff;--panel-background-color:#609f43;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-caution{--panel-font-color:#fff;--panel-background-color:#de776d;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-warning{--panel-font-color:#fff;--panel-background-color:#e67e22;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-danger{--panel-font-color:#fff;--panel-background-color:#ce3426;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.button{border-radius:.8rem;display:inline-block;font-size:120%;font-weight:700;padding:.5rem 1.2rem;text-decoration:none;--button-font-color:#000;--button-font-hover-color:#000;--button-background-color:#fafafa;--button-background-hover-color:#f7f7f7;--button-border-color:#f0f0f0;background:var(--button-background-color,unset);border:2px solid;border-color:var(--button-border-color,transparent);color:var(--button-font-color,#000)}.button:hover{background:var(--button-background-hover-color,unset);color:var(--button-font-hover-color,#000);text-decoration:none}.button-notice{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#4ba0e1;--button-background-hover-color:#3b89c5;--button-border-color:transparent}.button-success{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#369b08;--button-background-hover-color:#256905;--button-border-color:transparent}.button-caution{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f56558;--button-background-hover-color:#d45145;--button-border-color:transparent}.button-warning{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f5811b;--button-background-hover-color:#db7012;--button-border-color:transparent}.button-danger{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#ce3426;--button-background-hover-color:#a0281d;--button-border-color:transparent}.notification{background:#eee;padding:.2rem 1.6666666667rem;text-align:center}figure>figcaption h4{font-size:80%;font-weight:400}.table_of_contents{border:4px solid #f0f0f0;font-size:90%;padding:1.6666666667rem}.table_of_contents ul{list-style:none;padding-left:0}.table_of_contents li{border-top:1px solid #f0f0f0}.table_of_contents>nav>ul>li:first-child{border-top:unset}.table_of_contents ul>li li a{margin-left:2rem}.table_of_contents ul ul>li li a{margin-left:4rem}.table_of_contents ul ul ul>li li a{margin-left:6rem}.table_of_contents ul ul ul ul>li li a{margin-left:8rem}.table_of_contents ul ul ul ul ul>li li a{margin-left:10rem}.ais-SearchBox .ais-SearchBox-input{width:70%}.ais-SearchBox button{margin-left:.2rem;padding:.4rem}.ais-Stats{color:#70757a;font-size:80%}.ais-Hits-item h3{font-size:140%;font-weight:400}.ais-Hits-item p{color:#3c4043}.ais-Hits-item .lastmod{color:#70757a;font-size:90%}.ais-Pagination{margin-top:1em}.ais-Pagination-list{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ais-Pagination-item{padding:.6rem}.code{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.code,.code .filename{-webkit-box-sizing:border-box;box-sizing:border-box}.code .filename{-webkit-box-flex:0;color:#666;-ms-flex:0 0 75%;flex:0 0 75%;font-size:80%;max-width:75%}.code .copy-btn{border:1px solid #ccc;border-radius:.3rem;cursor:pointer;font-size:80%;line-height:1;margin-bottom:.2rem;margin-left:auto;outline:none;padding:.2rem .6rem;position:relative}.code .code-content{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.tooltipped:after{-webkit-animation:fade-tooltip .5s 1s 1 forwards;animation:fade-tooltip .5s 1s 1 forwards;background:#555;border-radius:.4rem;color:#fff;content:"Copied!";display:inline-block;font-size:.75rem;left:50%;padding:4px 10px 6px;position:absolute;top:-1.8rem;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes fade-tooltip{to{opacity:0}}@keyframes fade-tooltip{to{opacity:0}}.edit-page-picto{-webkit-filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);position:relative;top:2px;vertical-align:center}header{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.5rem 1.6666666667rem}header h1{display:inline-block;font-size:140%}header .version{font-size:80%;margin-left:.4rem}header .github{color:currentColor;font-size:180%;margin-left:.4rem}.global-menu{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.2rem 1.6666666667rem}.global-menu ul{list-style:none;margin:0;padding:0}.global-menu li{display:inline-block;margin-right:1.8rem;position:relative}.global-menu ul.sub-menu{display:none;left:0;margin:0;position:absolute;top:1.8rem;z-index:99999}.global-menu ul.sub-menu li{background:var(--custom-background-color,#000);font-size:80%;padding:.2rem 1.6666666667rem;width:140px}.global-menu ul.sub-menu li a{color:var(--custom-font-color,#fff)}.global-menu li.parent:hover>ul.sub-menu{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media screen and (max-width:480px){.global-menu li{border-bottom:1px solid;display:block;margin-right:0}.global-menu li:last-child{border-bottom:none}.global-menu ul.sub-menu{display:block;position:static}.global-menu ul.sub-menu li{background:transparent;padding:0 .4rem;width:auto}.global-menu ul.sub-menu li+li{padding-top:.2rem}.global-menu ul.sub-menu li a{color:currentColor}}.global-menu a{color:currentColor;display:block;text-decoration:none}.global-menu a:hover{text-decoration:underline}main{padding:3rem}@media screen and (max-width:896px){main{padding:1rem}}.sidebar{background:#f9f9f9;border-right:1px solid #eee;font-size:90%;line-height:1.8}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar a{border-bottom:1px solid #eee;border-left:4px solid #f9f9f9;color:#404040;display:block;padding:.2rem 1rem;position:relative;text-decoration:none}.sidebar a:hover{background:#eee;border-left:4px solid #ccc;color:#404040}.sidebar nav>ul>li li a{padding-left:2rem}.sidebar nav>ul ul>li li a{padding-left:3rem}.sidebar nav>ul ul ul>li li a{padding-left:4rem}.sidebar nav>ul ul ul ul>li li a{padding-left:5rem}.sidebar nav>ul ul ul ul ul>li li a{padding-left:6rem}@media screen and (max-width:480px){.sidebar nav>ul>li:first-child a{border-top:1px solid #eee}}.sidebar .active>a{background:#eee;border-left:4px solid #ccc}.sidebar .slide-menu .has-sub-menu:not(.parent) ul{display:none}.sidebar .slide-menu .has-sub-menu>a span.mark{background:#f2f2f2;border-left:1px solid #e7e7e7;color:#979797;display:inline-block;height:32px;line-height:2;position:absolute;right:0;text-align:center;top:0;width:32px}.sidebar-footer{padding:1.6666666667rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:700}.powered{color:#999;font-size:80%;text-align:right} \ No newline at end of file +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}a{color:inherit;cursor:pointer}button,input,select,textarea{font:inherit}button{background-color:transparent;border-width:0;color:inherit;cursor:pointer;padding:0}input::-moz-focus-inner{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}cite{font-style:normal}fieldset{border-width:0;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{color:#000;font-family:var(--custom-font-family-base,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");-webkit-font-feature-settings:"pwid";font-feature-settings:"pwid";font-size:18px;line-height:1.6666666667}body{background-color:#fafafa;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--custom-font-family-headings,-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-weight:700;line-height:1.6666666667}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{font-size:75%;font-weight:400}h1{font-size:240%;line-height:1.3125}h2{font-size:200%;line-height:1.375}h3{font-size:160%;line-height:1.46875}h4{font-size:125%;line-height:1.6}h5{font-size:100%;line-height:1.75}h6{font-size:80%;line-height:1.9375}a{color:var(--custom-link-text-color,#2e7eb3);text-decoration:none}a:active,a:focus,a:hover{color:var(--custom-link-text-hover-color,#38a0e4);text-decoration:underline}hr{background-color:#ccc;border:0;height:2px}p{font-size:18px}img{display:inline-block;line-height:0}img,video{height:auto;max-width:100%}table{border:1px solid #f0f0f0;border-collapse:collapse;width:100%}td,th{border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:.6rem}tr:nth-child(2n) td,tr:nth-child(2n) th{background:#f8f8f8}th{background:#eee;font-weight:700;text-align:left}ul{list-style-type:disc}ul.inline,ul.no-style{list-style:none;padding-left:0}ul.inline li{display:inline;padding-right:2rem}dt{font-weight:700}dd{margin-left:2rem}blockquote{background-color:#f4f4f4;border-left:4px solid #f0f0f0;border-radius:.2rem;color:#999;padding:1.6666666667rem}code,kbd,pre{font-family:Menlo,Monaco,Courier New,monospace}code,kbd{border-radius:.2rem;padding:.2rem}code{background-color:#f4f4f4}kbd{background-color:#333;color:#fff}pre{background-color:#f4f4f4;border-radius:.2rem;overflow:auto;padding:1.6666666667rem;white-space:pre-wrap}pre code{background-color:unset;padding:0}pre.wrap{white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}pre.scrollable{max-height:240px;overflow-y:scroll}figcaption{color:#333;font-size:18px;line-height:1.6666666667}:root{--const-stack:1.6666666667rem;--stack-top:1.6666666667rem;--stack-bottom:0;--first-stack-top:0;--first-stack-bottom:0;--last-stack-top:0;--last-stack-bottom:0}.first-stack,main *{margin-bottom:var(--first-stack-bottom,unset);margin-top:var(--first-stack-top,unset)}.ais-Hits-item,.button,.code,.edit-meta,.edit-page,.gist,.highlight,.pagination,.panel,.powered,.stack,.table_of_contents,.twitter-tweet,main *+blockquote,main *+dl,main *+figure,main *+h1,main *+h2,main *+h3,main *+h4,main *+h5,main *+h6,main *+hr,main *+ol,main *+p,main *+pre,main *+table,main *+ul{margin-bottom:var(--stack-bottom,unset);margin-top:var(--stack-top,unset)}.last-stack{margin-bottom:var(--last-stack-bottom,unset);margin-top:var(--last-stack-top,unset)}.stack-multi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)*2);margin-top:calc(var(--first-stack-top, unset)*2)}.stack-multi--by4{margin-bottom:calc(var(--first-stack-bottom, unset)*4);margin-top:calc(var(--first-stack-top, unset)*4)}.stack-divi--by2{margin-bottom:calc(var(--first-stack-bottom, unset)/2);margin-top:calc(var(--first-stack-top, unset)/2)}.code .code-content .highlight,.none-stack,.pagination>*,figure>figcaption{margin-top:0}.ais-Hits-item p,.unset-stack,main li>ol,main li>ul{margin-top:unset}body,html{height:100%}.container{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin:auto}.container,.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.content-container{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}main,main:only-child{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0}main:only-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.sidebar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width:896px){.content-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}main{min-width:100%}.sidebar,main{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.sidebar{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;font-weight:700;justify-content:space-between}.nav-next{margin-left:auto}@media screen and (max-width:480px){.pagination{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-next{margin-left:0}}.panel{--panel-font-color:#000;--panel-background-color:unset;--panel-border-color:transparent;background:var(--panel-background-color,unset);border:1px solid;border-color:var(--panel-border-color,transparent);color:var(--panel-font-color,#000);padding:1.6666666667rem}.panel a{font-weight:700;text-decoration:underline}.panel-primary{--panel-border-color:#f0f0f0}.panel-notice{--panel-font-color:#fff;--panel-background-color:#b0b0b0;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-recipe{--panel-font-color:#000;--panel-background-color:#e0e0e0;--custom-link-text-color:#2e7eb3;--custom-link-text-hover-color:#38a0e4}.panel-success{--panel-font-color:#fff;--panel-background-color:#609f43;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-caution{--panel-font-color:#fff;--panel-background-color:#de776d;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-warning{--panel-font-color:#fff;--panel-background-color:#e67e22;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.panel-danger{--panel-font-color:#fff;--panel-background-color:#ce3426;--custom-link-text-color:#fff;--custom-link-text-hover-color:#fff}.button{border-radius:.8rem;display:inline-block;font-size:120%;font-weight:700;padding:.5rem 1.2rem;text-decoration:none;--button-font-color:#000;--button-font-hover-color:#000;--button-background-color:#fafafa;--button-background-hover-color:#f7f7f7;--button-border-color:#f0f0f0;background:var(--button-background-color,unset);border:2px solid;border-color:var(--button-border-color,transparent);color:var(--button-font-color,#000)}.button:hover{background:var(--button-background-hover-color,unset);color:var(--button-font-hover-color,#000);text-decoration:none}.button-notice{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#4ba0e1;--button-background-hover-color:#3b89c5;--button-border-color:transparent}.button-success{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#369b08;--button-background-hover-color:#256905;--button-border-color:transparent}.button-caution{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f56558;--button-background-hover-color:#d45145;--button-border-color:transparent}.button-warning{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#f5811b;--button-background-hover-color:#db7012;--button-border-color:transparent}.button-danger{--button-font-color:#fff;--button-font-hover-color:#fff;--button-background-color:#ce3426;--button-background-hover-color:#a0281d;--button-border-color:transparent}.notification{background:#eee;padding:.2rem 1.6666666667rem;text-align:center}figure>figcaption h4{font-size:80%;font-weight:400}.table_of_contents{border:4px solid #f0f0f0;font-size:90%;padding:1.6666666667rem}.table_of_contents ul{list-style:none;padding-left:0}.table_of_contents li{border-top:1px solid #f0f0f0}.table_of_contents>nav>ul>li:first-child{border-top:unset}.table_of_contents ul>li li a{margin-left:2rem}.table_of_contents ul ul>li li a{margin-left:4rem}.table_of_contents ul ul ul>li li a{margin-left:6rem}.table_of_contents ul ul ul ul>li li a{margin-left:8rem}.table_of_contents ul ul ul ul ul>li li a{margin-left:10rem}.taxonomy{-webkit-column-width:150px;-moz-column-width:150px;column-width:150px}.ais-SearchBox .ais-SearchBox-input{width:70%}.ais-SearchBox button{margin-left:.2rem;padding:.4rem}.ais-Stats{color:#70757a;font-size:80%}.ais-Hits-item h3{font-size:140%;font-weight:400}.ais-Hits-item p{color:#3c4043}.ais-Hits-item .lastmod{color:#70757a;font-size:90%}.ais-Pagination{margin-top:1em}.ais-Pagination-list{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ais-Pagination-item{padding:.6rem}.code{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.code,.code .filename{-webkit-box-sizing:border-box;box-sizing:border-box}.code .filename{-webkit-box-flex:0;color:#666;-ms-flex:0 0 75%;flex:0 0 75%;font-size:80%;max-width:75%}.code .copy-btn{border:1px solid #ccc;border-radius:.3rem;cursor:pointer;font-size:80%;line-height:1;margin-bottom:.2rem;margin-left:auto;outline:none;padding:.2rem .6rem;position:relative}.code .code-content{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.tooltipped:after{-webkit-animation:fade-tooltip .5s 1s 1 forwards;animation:fade-tooltip .5s 1s 1 forwards;background:#555;border-radius:.4rem;color:#fff;content:"Copied!";display:inline-block;font-size:.75rem;left:50%;padding:4px 10px 6px;position:absolute;top:-1.8rem;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes fade-tooltip{to{opacity:0}}@keyframes fade-tooltip{to{opacity:0}}.edit-page-picto{-webkit-filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);filter:invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%);position:relative;top:2px;vertical-align:center}header{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.5rem 1.6666666667rem}header h1{display:inline-block;font-size:140%}header .version{font-size:80%;margin-left:.4rem}header .github{color:currentColor;font-size:180%;margin-left:.4rem}.global-menu{background:var(--custom-background-color,#000);color:var(--custom-font-color,#fff);padding:.2rem 1.6666666667rem}.global-menu ul{list-style:none;margin:0;padding:0}.global-menu li{display:inline-block;margin-right:1.8rem;position:relative}.global-menu ul.sub-menu{display:none;left:0;margin:0;position:absolute;top:1.8rem;z-index:99999}.global-menu ul.sub-menu li{background:var(--custom-background-color,#000);font-size:80%;padding:.2rem 1.6666666667rem;width:140px}.global-menu ul.sub-menu li a{color:var(--custom-font-color,#fff)}.global-menu li.parent:hover>ul.sub-menu{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media screen and (max-width:480px){.global-menu li{border-bottom:1px solid;display:block;margin-right:0}.global-menu li:last-child{border-bottom:none}.global-menu ul.sub-menu{display:block;position:static}.global-menu ul.sub-menu li{background:transparent;padding:0 .4rem;width:auto}.global-menu ul.sub-menu li+li{padding-top:.2rem}.global-menu ul.sub-menu li a{color:currentColor}}.global-menu a{color:currentColor;display:block;text-decoration:none}.global-menu a:hover{text-decoration:underline}main{padding:3rem}@media screen and (max-width:896px){main{padding:1rem}}.sidebar{background:#f9f9f9;border-right:1px solid #eee;font-size:90%;line-height:1.8}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar a{border-bottom:1px solid #eee;border-left:4px solid #f9f9f9;color:#404040;display:block;padding:.2rem 1rem;position:relative;text-decoration:none}.sidebar a:hover{background:#eee;border-left:4px solid #ccc;color:#404040}.sidebar nav>ul>li li a{padding-left:2rem}.sidebar nav>ul ul>li li a{padding-left:3rem}.sidebar nav>ul ul ul>li li a{padding-left:4rem}.sidebar nav>ul ul ul ul>li li a{padding-left:5rem}.sidebar nav>ul ul ul ul ul>li li a{padding-left:6rem}@media screen and (max-width:480px){.sidebar nav>ul>li:first-child a{border-top:1px solid #eee}}.sidebar .active>a{background:#eee;border-left:4px solid #ccc}.sidebar .slide-menu .has-sub-menu:not(.parent) ul{display:none}.sidebar .slide-menu .has-sub-menu>a span.mark{background:#f2f2f2;border-left:1px solid #e7e7e7;color:#979797;display:inline-block;height:32px;line-height:2;position:absolute;right:0;text-align:center;top:0;width:32px}.sidebar-footer{padding:1.6666666667rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:700}.powered{color:#999;font-size:80%;text-align:right} \ No newline at end of file From ddfd44436401e24257c6ed2623c2b9ddbf2bdcc8 Mon Sep 17 00:00:00 2001 From: stanislas Date: Tue, 25 Mar 2025 23:20:14 +0100 Subject: [PATCH 2/3] formattage du scss --- src/scss/_component.scss | 518 +++++++++++++++++++++------------------ src/scss/_project.scss | 327 ++++++++++++------------ src/scss/_structure.scss | 52 ++-- src/scss/_variable.scss | 14 +- src/scss/chroma.scss | 369 +++++++++++++++++++++++----- 5 files changed, 787 insertions(+), 493 deletions(-) diff --git a/src/scss/_component.scss b/src/scss/_component.scss index c0a5634..cd43442 100644 --- a/src/scss/_component.scss +++ b/src/scss/_component.scss @@ -9,33 +9,33 @@ @use 'foundation/stack'; main * { - @extend %first-stack; + @extend %first-stack; } main { - * { - + h1, + h2, + h3, + h4, + h5, + h6, - + p, - + hr, - + table, - + ul, - + ol, - + dl, - + blockquote, - + pre, - + figure { - @extend %stack; - } - } + * { + + h1, + h2, + h3, + h4, + h5, + h6, + + p, + + hr, + + table, + + ul, + + ol, + + dl, + + blockquote, + + pre, + + figure { + @extend %stack; + } + } - li > ul, - li > ol { - @extend %unset-stack; - } + li > ul, + li > ol { + @extend %unset-stack; + } } figure > figcaption { - @extend %none-stack; + @extend %none-stack; } .table_of_contents, @@ -48,299 +48,333 @@ figure > figcaption { .button, .gist, .twitter-tweet { - @extend %stack; + @extend %stack; } .pagination { - @include flexbox-grid-mixins.grid($flex-wrap: nowrap, $justify-content: space-between); - font-weight: bold; - > * { - @extend %none-stack; - } -} -.nav-prev {} -.nav-next { - margin-left: auto; + @include flexbox-grid-mixins.grid($flex-wrap: nowrap, $justify-content: space-between); + font-weight: bold; + + > * { + @extend %none-stack; + } } -@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { - .pagination { - @include flexbox-grid-mixins.grid($flex-flow: column nowrap, $justify-content: null, $align-items: center); - } - .nav-next { - margin-left: 0; - } +.nav-prev { +} + +.nav-next { + margin-left: auto; +} + +@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )}) { + .pagination { + @include flexbox-grid-mixins.grid($flex-flow: column nowrap, $justify-content: null, $align-items: center); + } + .nav-next { + margin-left: 0; + } } .panel { - --panel-font-color: #000; - --panel-background-color: unset; - --panel-border-color: transparent; + --panel-font-color: #000; + --panel-background-color: unset; + --panel-border-color: transparent; - padding: variable.$default-layout-padding; - color: var(--panel-font-color, #000); - background: var(--panel-background-color, unset); - border: 1px solid; - border-color: var(--panel-border-color, transparent); + padding: variable.$default-layout-padding; + color: var(--panel-font-color, #000); + background: var(--panel-background-color, unset); + border: 1px solid; + border-color: var(--panel-border-color, transparent); - a { - text-decoration: underline; - font-weight: bold; - } + a { + text-decoration: underline; + font-weight: bold; + } } .panel-primary { - --panel-border-color: #{variable.$default-border-color}; -} -.panel-notice { - --panel-font-color: #fff; - --panel-background-color: #b0b0b0; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; -} -.panel-recipe { - --panel-font-color: #000; - --panel-background-color: #{variable.$light-grey-background-color}; - --custom-link-text-color: #{variable.$default-link-text-color}; - --custom-link-text-hover-color: #{variable.$default-link-text-hover-color}; -} -.panel-success { - --panel-font-color: #fff; - --panel-background-color: #609f43; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; -} -.panel-caution { - --panel-font-color: #fff; - --panel-background-color: #de776d; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; -} -.panel-warning { - --panel-font-color: #fff; - --panel-background-color: #e67e22; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; -} -.panel-danger { - --panel-font-color: #fff; - --panel-background-color: #{variable.$danger-background-color}; - --custom-link-text-color: #fff; - --custom-link-text-hover-color: #fff; + --panel-border-color: #{variable.$default-border-color}; } -.panel-header {} -.panel-body {} +.panel-notice { + --panel-font-color: #fff; + --panel-background-color: #b0b0b0; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; +} + +.panel-recipe { + --panel-font-color: #000; + --panel-background-color: #{variable.$light-grey-background-color}; + --custom-link-text-color: #{variable.$default-link-text-color}; + --custom-link-text-hover-color: #{variable.$default-link-text-hover-color}; +} + +.panel-success { + --panel-font-color: #fff; + --panel-background-color: #609f43; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; +} + +.panel-caution { + --panel-font-color: #fff; + --panel-background-color: #de776d; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; +} + +.panel-warning { + --panel-font-color: #fff; + --panel-background-color: #e67e22; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; +} + +.panel-danger { + --panel-font-color: #fff; + --panel-background-color: #{variable.$danger-background-color}; + --custom-link-text-color: #fff; + --custom-link-text-hover-color: #fff; +} + +.panel-header { +} + +.panel-body { +} .button { - display: inline-block; - font-size: 120%; - padding: .5rem 1.2rem; - font-weight: bold; - text-decoration: none; - border-radius: .8rem; + display: inline-block; + font-size: 120%; + padding: .5rem 1.2rem; + font-weight: bold; + text-decoration: none; + border-radius: .8rem; - --button-font-color: #000; - --button-font-hover-color: #000; - --button-background-color: #{variable.$default-background-color}; - --button-background-hover-color: #f7f7f7; - --button-border-color: #{variable.$default-border-color}; + --button-font-color: #000; + --button-font-hover-color: #000; + --button-background-color: #{variable.$default-background-color}; + --button-background-hover-color: #f7f7f7; + --button-border-color: #{variable.$default-border-color}; - color: var(--button-font-color, #000); - background: var(--button-background-color, unset); - border: 2px solid ; - border-color: var(--button-border-color, transparent); + color: var(--button-font-color, #000); + background: var(--button-background-color, unset); + border: 2px solid; + border-color: var(--button-border-color, transparent); - &:hover { - color: var(--button-font-hover-color, #000); - text-decoration: none; - background: var(--button-background-hover-color, unset); - } + &:hover { + color: var(--button-font-hover-color, #000); + text-decoration: none; + background: var(--button-background-hover-color, unset); + } } .button-notice { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #4ba0e1; - --button-background-hover-color: #3b89c5; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #4ba0e1; + --button-background-hover-color: #3b89c5; + --button-border-color: transparent; } + .button-success { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #369b08; - --button-background-hover-color: #256905; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #369b08; + --button-background-hover-color: #256905; + --button-border-color: transparent; } + .button-caution { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #f56558; - --button-background-hover-color: #d45145; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #f56558; + --button-background-hover-color: #d45145; + --button-border-color: transparent; } + .button-warning { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #f5811b; - --button-background-hover-color: #db7012; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #f5811b; + --button-background-hover-color: #db7012; + --button-border-color: transparent; } + .button-danger { - --button-font-color: #fff; - --button-font-hover-color: #fff; - --button-background-color: #{variable.$danger-background-color}; - --button-background-hover-color: #a0281d; - --button-border-color: transparent; + --button-font-color: #fff; + --button-font-hover-color: #fff; + --button-background-color: #{variable.$danger-background-color}; + --button-background-hover-color: #a0281d; + --button-border-color: transparent; } .notification { - padding: .2rem variable.$default-layout-padding; - text-align: center; - background: variable.$sidebar-active-color; + padding: .2rem variable.$default-layout-padding; + text-align: center; + background: variable.$sidebar-active-color; } figure > figcaption h4 { - font-size: 80%; - font-weight: normal; + font-size: 80%; + font-weight: normal; } .table_of_contents { - font-size: 90%; - padding: variable.$default-layout-padding; - border: 4px solid variable.$default-border-color; + font-size: 90%; + padding: variable.$default-layout-padding; + border: 4px solid variable.$default-border-color; - ul { - list-style: none; - padding-left: 0; - } - li { - border-top: 1px solid variable.$default-border-color; - } - > nav > ul > li:first-child { - border-top: unset; - } + ul { + list-style: none; + padding-left: 0; + } - ul > li li a { - margin-left: 2rem * 1; - } - ul ul > li li a { - margin-left: 2rem * 2; - } - ul ul ul > li li a { - margin-left: 2rem * 3; - } - ul ul ul ul > li li a { - margin-left: 2rem * 4; - } - ul ul ul ul ul > li li a { - margin-left: 2rem * 5; - } + li { + border-top: 1px solid variable.$default-border-color; + } + + > nav > ul > li:first-child { + border-top: unset; + } + + ul > li li a { + margin-left: 2rem * 1; + } + + ul ul > li li a { + margin-left: 2rem * 2; + } + + ul ul ul > li li a { + margin-left: 2rem * 3; + } + + ul ul ul ul > li li a { + margin-left: 2rem * 4; + } + + ul ul ul ul ul > li li a { + margin-left: 2rem * 5; + } } .taxonomy { - -webkit-column-width: 150px; - -moz-column-width: 150px; - column-width: 150px; + -webkit-column-width: 150px; + -moz-column-width: 150px; + column-width: 150px; } .ais-SearchBox { - .ais-SearchBox-input { - width: 70%; - } - button { - margin-left: .2rem; - padding: .4rem; - } -} -.ais-Stats { - font-size: 80%; - color: #70757a; -} -.ais-Hits-item { - @extend %stack; + .ais-SearchBox-input { + width: 70%; + } - h3 { - font-size: 140%; - font-weight: normal; - } - p { - @extend %unset-stack; - color: #3C4043; - } - .lastmod { - font-size: 90%; - color: #70757a; - } + button { + margin-left: .2rem; + padding: .4rem; + } +} + +.ais-Stats { + font-size: 80%; + color: #70757a; +} + +.ais-Hits-item { + @extend %stack; + + h3 { + font-size: 140%; + font-weight: normal; + } + + p { + @extend %unset-stack; + color: #3C4043; + } + + .lastmod { + font-size: 90%; + color: #70757a; + } } .ais-Pagination { - margin-top: 1em; + margin-top: 1em; } + .ais-Pagination-list { - list-style: none; - padding-left: 0; - @include flexbox-grid-mixins.grid($flex-wrap: wrap, $justify-content: center); + list-style: none; + padding-left: 0; + @include flexbox-grid-mixins.grid($flex-wrap: wrap, $justify-content: center); } + .ais-Pagination-item { - padding: .6rem; + padding: .6rem; } .code { - @include flexbox-grid-mixins.grid($flex-wrap: wrap); - @extend %stack; + @include flexbox-grid-mixins.grid($flex-wrap: wrap); + @extend %stack; - .filename { - @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); - font-size: 80%; - color: #666; - } - .copy-btn { - margin-left: auto; + .filename { + @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); + font-size: 80%; + color: #666; + } - cursor: pointer; - position: relative; + .copy-btn { + margin-left: auto; - font-size: 80%; - border: solid 1px #ccc; - padding: .2rem .6rem; - border-radius: .3rem; - line-height: 1; - margin-bottom: .2rem; - outline: none; - } - .code-content { - @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); + cursor: pointer; + position: relative; - .highlight { - @extend %none-stack; - } - } + font-size: 80%; + border: solid 1px #ccc; + padding: .2rem .6rem; + border-radius: .3rem; + line-height: 1; + margin-bottom: .2rem; + outline: none; + } + + .code-content { + @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); + + .highlight { + @extend %none-stack; + } + } } .tooltipped::after { - content: 'Copied!'; - background: #555; - display: inline-block; - color: #fff; - border-radius: .4rem; - position: absolute; - left: 50%; - top: -1.8rem; - transform: translate(-50%, 0); - font-size: .75rem; - padding: 4px 10px 6px 10px; - animation: fade-tooltip .5s 1s 1 forwards; + content: 'Copied!'; + background: #555; + display: inline-block; + color: #fff; + border-radius: .4rem; + position: absolute; + left: 50%; + top: -1.8rem; + transform: translate(-50%, 0); + font-size: .75rem; + padding: 4px 10px 6px 10px; + animation: fade-tooltip .5s 1s 1 forwards; } @keyframes fade-tooltip { - to { opacity: 0; } + to { + opacity: 0; + } } .edit-page-picto { - filter: invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%); - position: relative; - top: 2px; - vertical-align: center; + filter: invert(46%) sepia(17%) saturate(2064%) hue-rotate(161deg) brightness(90%) contrast(83%); + position: relative; + top: 2px; + vertical-align: center; } diff --git a/src/scss/_project.scss b/src/scss/_project.scss index 3703be4..8a1e72e 100644 --- a/src/scss/_project.scss +++ b/src/scss/_project.scss @@ -8,212 +8,221 @@ @use 'variable'; header { - color: var(--custom-font-color, #fff); - background: var(--custom-background-color, #000); - padding: .5rem variable.$default-layout-padding; + color: var(--custom-font-color, #fff); + background: var(--custom-background-color, #000); + padding: .5rem variable.$default-layout-padding; - h1 { - font-size: 140%; - display: inline-block; - } + h1 { + font-size: 140%; + display: inline-block; + } - .version { - margin-left: .4rem; - font-size: 80%; - } + .version { + margin-left: .4rem; + font-size: 80%; + } - .github { - color: currentColor; - margin-left: .4rem; - font-size: 180%; - } + .github { + color: currentColor; + margin-left: .4rem; + font-size: 180%; + } } .description { } .global-menu { - color: var(--custom-font-color, #fff); - background: var(--custom-background-color, #000); - padding: .2rem variable.$default-layout-padding; + color: var(--custom-font-color, #fff); + background: var(--custom-background-color, #000); + padding: .2rem variable.$default-layout-padding; - ul { - list-style: none; - padding: 0; - margin: 0; - } - li { - display: inline-block; - margin-right: 1.8rem; - position: relative; - } + ul { + list-style: none; + padding: 0; + margin: 0; + } - ul.sub-menu { - display: none; - margin: 0; - position: absolute; - top: 1.8rem; - left: 0; - z-index: 99999; + li { + display: inline-block; + margin-right: 1.8rem; + position: relative; + } - li { - padding: .2rem variable.$default-layout-padding; - background: var(--custom-background-color, #000); - width: 140px; - font-size: 80%; - a { - color: var(--custom-font-color, #fff); - } - } - } + ul.sub-menu { + display: none; + margin: 0; + position: absolute; + top: 1.8rem; + left: 0; + z-index: 99999; - li.parent:hover > ul.sub-menu { - @include flexbox-grid-mixins.grid($flex-flow: column nowrap); - } + li { + padding: .2rem variable.$default-layout-padding; + background: var(--custom-background-color, #000); + width: 140px; + font-size: 80%; - @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { - li { - display: block; - margin-right: 0; - border-bottom: 1px solid currentColor; + a { + color: var(--custom-font-color, #fff); + } + } + } - &:last-child { - border-bottom: none; - } - } + li.parent:hover > ul.sub-menu { + @include flexbox-grid-mixins.grid($flex-flow: column nowrap); + } - ul.sub-menu { - display: block; - position: static; + @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )}) { + li { + display: block; + margin-right: 0; + border-bottom: 1px solid currentColor; - li { - width: auto; - background: transparent; - padding: 0 .4rem; - + li { - padding-top: .2rem; - } - a { - color: currentColor; - } - } - } - } + &:last-child { + border-bottom: none; + } + } - a { - display: block; - color: currentColor; - text-decoration: none; - &:hover { - text-decoration: underline; - } - } + ul.sub-menu { + display: block; + position: static; + + li { + width: auto; + background: transparent; + padding: 0 .4rem; + + + li { + padding-top: .2rem; + } + + a { + color: currentColor; + } + } + } + } + + a { + display: block; + color: currentColor; + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } } main { - padding: 3rem; + padding: 3rem; } -@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) { - main { - padding: 1rem; - } +@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )}) { + main { + padding: 1rem; + } } .sidebar { - font-size: 90%; - line-height: 1.8; - background: variable.$sidebar-background-color; - border-right: 1px solid variable.$sidebar-active-color; + font-size: 90%; + line-height: 1.8; + background: variable.$sidebar-background-color; + border-right: 1px solid variable.$sidebar-active-color; - ul { - list-style: none; - padding: 0; - margin: 0; - } + ul { + list-style: none; + padding: 0; + margin: 0; + } - a { - position: relative; - display: block; - color: #404040; - text-decoration: none; - padding: .2rem 1rem; - border-left: solid 4px variable.$sidebar-background-color; - border-bottom: solid 1px variable.$sidebar-active-color; + a { + position: relative; + display: block; + color: #404040; + text-decoration: none; + padding: .2rem 1rem; + border-left: solid 4px variable.$sidebar-background-color; + border-bottom: solid 1px variable.$sidebar-active-color; - &:hover { - color: #404040; - background: variable.$sidebar-hover-color; - border-left: solid 4px #ccc; - } - } + &:hover { + color: #404040; + background: variable.$sidebar-hover-color; + border-left: solid 4px #ccc; + } + } - nav > ul > li li a { - padding-left: 1rem + 1rem * 1; - } - nav > ul ul > li li a { - padding-left: 1rem + 1rem * 2; - } - nav > ul ul ul > li li a { - padding-left: 1rem + 1rem * 3; - } - nav > ul ul ul ul > li li a { - padding-left: 1rem + 1rem * 4; - } - nav > ul ul ul ul ul > li li a { - padding-left: 1rem + 1rem * 5; - } + nav > ul > li li a { + padding-left: 1rem + 1rem * 1; + } - @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { - nav > ul > li:first-child a { - border-top: solid 1px variable.$sidebar-active-color; - } - } + nav > ul ul > li li a { + padding-left: 1rem + 1rem * 2; + } - .active > a { - background: variable.$sidebar-active-color; - border-left: solid 4px #ccc; - } + nav > ul ul ul > li li a { + padding-left: 1rem + 1rem * 3; + } - .slide-menu { - .has-sub-menu:not(.parent) ul { - display: none; - } + nav > ul ul ul ul > li li a { + padding-left: 1rem + 1rem * 4; + } - .has-sub-menu > a span.mark { - position: absolute; - top: 0; - right: 0; - display: inline-block; - height: 32px; - width: 32px; - line-height: 2; - text-align: center; - color: #979797; - background: #f2f2f2; - border-left: 1px solid #e7e7e7; - } - } + nav > ul ul ul ul ul > li li a { + padding-left: 1rem + 1rem * 5; + } + + @media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )}) { + nav > ul > li:first-child a { + border-top: solid 1px variable.$sidebar-active-color; + } + } + + .active > a { + background: variable.$sidebar-active-color; + border-left: solid 4px #ccc; + } + + .slide-menu { + .has-sub-menu:not(.parent) ul { + display: none; + } + + .has-sub-menu > a span.mark { + position: absolute; + top: 0; + right: 0; + display: inline-block; + height: 32px; + width: 32px; + line-height: 2; + text-align: center; + color: #979797; + background: #f2f2f2; + border-left: 1px solid #e7e7e7; + } + } } .sidebar-footer { - padding: variable.$default-layout-padding; + padding: variable.$default-layout-padding; } footer { } .edit-meta { - font-size: 80%; - text-align: right; + font-size: 80%; + text-align: right; } .edit-page { - font-weight: bold; + font-weight: bold; } .powered { - font-size: 80%; - text-align: right; - color: #999; + font-size: 80%; + text-align: right; + color: #999; } diff --git a/src/scss/_structure.scss b/src/scss/_structure.scss index 73b77ae..c79e654 100644 --- a/src/scss/_structure.scss +++ b/src/scss/_structure.scss @@ -12,46 +12,46 @@ *-----------------------*/ html, body { - height: 100%; + height: 100%; } .container { - width: 100%; - height: 100%; - @include flexbox-grid-mixins.grid($flex-flow: column nowrap); - margin: auto; + width: 100%; + height: 100%; + @include flexbox-grid-mixins.grid($flex-flow: column nowrap); + margin: auto; } .content-container { - @include flexbox-grid-mixins.grid-col($flex-grow: 1, $flex-shrink: 0, $flex-basis: auto); - @include flexbox-grid-mixins.grid($justify-content: center); + @include flexbox-grid-mixins.grid-col($flex-grow: 1, $flex-shrink: 0, $flex-basis: auto); + @include flexbox-grid-mixins.grid($justify-content: center); } main { - @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); + @include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%); - &:only-child { - @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); - } + &:only-child { + @include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%); + } } .sidebar { - @include flexbox-grid-mixins.grid-col($col: 3, $order: -1); - // position: fixed; - // overflow-x: hidden; - overflow-x: hidden; - overflow-y: scroll; + @include flexbox-grid-mixins.grid-col($col: 3, $order: -1); + // position: fixed; + // overflow-x: hidden; + overflow-x: hidden; + overflow-y: scroll; } -@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) { - .content-container { - @include flexbox-grid-mixins.grid($flex-flow: column nowrap); - } +@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )}) { + .content-container { + @include flexbox-grid-mixins.grid($flex-flow: column nowrap); + } - main { - @include flexbox-grid-mixins.grid-col($col: none, $flex-shrink: 0, $min-width: 100%); - } - .sidebar { - @include flexbox-grid-mixins.grid-col($col: none, $order: 1); - } + main { + @include flexbox-grid-mixins.grid-col($col: none, $flex-shrink: 0, $min-width: 100%); + } + .sidebar { + @include flexbox-grid-mixins.grid-col($col: none, $order: 1); + } } diff --git a/src/scss/_variable.scss b/src/scss/_variable.scss index 99e0035..493ad7f 100644 --- a/src/scss/_variable.scss +++ b/src/scss/_variable.scss @@ -27,22 +27,22 @@ $sidebar-active-color: #eee !default; $light-grey-background-color: #e0e0e0; -$danger-background-color:#ce3426; +$danger-background-color: #ce3426; // code $code-font-size: .95rem !default; $code-block-background-color: #f4f6f8 !default; $code-border-color: #f0f0f0 !default; $code-inline-background-color: #f0f0f0 !default; -$code-font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace !default; +$code-font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace !default; // breakpoint $default-breakpoints: ( - xl: 1280px, - lg: 1024px, - md: 896px, - sm: 768px, - xs: 480px + xl: 1280px, + lg: 1024px, + md: 896px, + sm: 768px, + xs: 480px ) !default; // grid diff --git a/src/scss/chroma.scss b/src/scss/chroma.scss index 340149c..ef1ba98 100644 --- a/src/scss/chroma.scss +++ b/src/scss/chroma.scss @@ -1,59 +1,310 @@ -/* Background */ .chroma { color: #f8f8f2; background-color: #272822 } -/* Error */ .chroma .err { color: #960050; background-color: #1e0010 } -/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } -/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: 100%; overflow: auto; display: block; } -/* LineHighlight */ .chroma .hl { background-color: #ffffcc; display: block; width: 100% } -/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; display: block; } -/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } -/* Keyword */ .chroma .k { color: #66d9ef } -/* KeywordConstant */ .chroma .kc { color: #66d9ef } -/* KeywordDeclaration */ .chroma .kd { color: #66d9ef } -/* KeywordNamespace */ .chroma .kn { color: #f92672 } -/* KeywordPseudo */ .chroma .kp { color: #66d9ef } -/* KeywordReserved */ .chroma .kr { color: #66d9ef } -/* KeywordType */ .chroma .kt { color: #66d9ef } -/* NameAttribute */ .chroma .na { color: #a6e22e } -/* NameClass */ .chroma .nc { color: #a6e22e } -/* NameConstant */ .chroma .no { color: #66d9ef } -/* NameDecorator */ .chroma .nd { color: #a6e22e } -/* NameException */ .chroma .ne { color: #a6e22e } -/* NameFunction */ .chroma .nf { color: #a6e22e } -/* NameOther */ .chroma .nx { color: #a6e22e } -/* NameTag */ .chroma .nt { color: #f92672 } -/* Literal */ .chroma .l { color: #ae81ff } -/* LiteralDate */ .chroma .ld { color: #e6db74 } -/* LiteralString */ .chroma .s { color: #e6db74 } -/* LiteralStringAffix */ .chroma .sa { color: #e6db74 } -/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 } -/* LiteralStringChar */ .chroma .sc { color: #e6db74 } -/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 } -/* LiteralStringDoc */ .chroma .sd { color: #e6db74 } -/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 } -/* LiteralStringEscape */ .chroma .se { color: #ae81ff } -/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 } -/* LiteralStringInterpol */ .chroma .si { color: #e6db74 } -/* LiteralStringOther */ .chroma .sx { color: #e6db74 } -/* LiteralStringRegex */ .chroma .sr { color: #e6db74 } -/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 } -/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 } -/* LiteralNumber */ .chroma .m { color: #ae81ff } -/* LiteralNumberBin */ .chroma .mb { color: #ae81ff } -/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff } -/* LiteralNumberHex */ .chroma .mh { color: #ae81ff } -/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff } -/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff } -/* LiteralNumberOct */ .chroma .mo { color: #ae81ff } -/* Operator */ .chroma .o { color: #f92672 } -/* OperatorWord */ .chroma .ow { color: #f92672 } -/* Comment */ .chroma .c { color: #75715e } -/* CommentHashbang */ .chroma .ch { color: #75715e } -/* CommentMultiline */ .chroma .cm { color: #75715e } -/* CommentSingle */ .chroma .c1 { color: #75715e } -/* CommentSpecial */ .chroma .cs { color: #75715e } -/* CommentPreproc */ .chroma .cp { color: #75715e } -/* CommentPreprocFile */ .chroma .cpf { color: #75715e } -/* GenericDeleted */ .chroma .gd { color: #f92672 } -/* GenericEmph */ .chroma .ge { font-style: italic } -/* GenericInserted */ .chroma .gi { color: #a6e22e } -/* GenericStrong */ .chroma .gs { font-weight: bold } -/* GenericSubheading */ .chroma .gu { color: #75715e } +/* Background */ +.chroma { + color: #f8f8f2; + background-color: #272822 +} + +/* Error */ +.chroma .err { + color: #960050; + background-color: #1e0010 +} + +/* LineTableTD */ +.chroma .lntd { + vertical-align: top; + padding: 0; + margin: 0; + border: 0; +} + +/* LineTable */ +.chroma .lntable { + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; + width: 100%; + overflow: auto; + display: block; +} + +/* LineHighlight */ +.chroma .hl { + background-color: #ffffcc; + display: block; + width: 100% +} + +/* LineNumbersTable */ +.chroma .lnt { + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + display: block; +} + +/* LineNumbers */ +.chroma .ln { + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; +} + +/* Keyword */ +.chroma .k { + color: #66d9ef +} + +/* KeywordConstant */ +.chroma .kc { + color: #66d9ef +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #66d9ef +} + +/* KeywordNamespace */ +.chroma .kn { + color: #f92672 +} + +/* KeywordPseudo */ +.chroma .kp { + color: #66d9ef +} + +/* KeywordReserved */ +.chroma .kr { + color: #66d9ef +} + +/* KeywordType */ +.chroma .kt { + color: #66d9ef +} + +/* NameAttribute */ +.chroma .na { + color: #a6e22e +} + +/* NameClass */ +.chroma .nc { + color: #a6e22e +} + +/* NameConstant */ +.chroma .no { + color: #66d9ef +} + +/* NameDecorator */ +.chroma .nd { + color: #a6e22e +} + +/* NameException */ +.chroma .ne { + color: #a6e22e +} + +/* NameFunction */ +.chroma .nf { + color: #a6e22e +} + +/* NameOther */ +.chroma .nx { + color: #a6e22e +} + +/* NameTag */ +.chroma .nt { + color: #f92672 +} + +/* Literal */ +.chroma .l { + color: #ae81ff +} + +/* LiteralDate */ +.chroma .ld { + color: #e6db74 +} + +/* LiteralString */ +.chroma .s { + color: #e6db74 +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #e6db74 +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #e6db74 +} + +/* LiteralStringChar */ +.chroma .sc { + color: #e6db74 +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #e6db74 +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #e6db74 +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #e6db74 +} + +/* LiteralStringEscape */ +.chroma .se { + color: #ae81ff +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #e6db74 +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #e6db74 +} + +/* LiteralStringOther */ +.chroma .sx { + color: #e6db74 +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #e6db74 +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #e6db74 +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #e6db74 +} + +/* LiteralNumber */ +.chroma .m { + color: #ae81ff +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #ae81ff +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #ae81ff +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #ae81ff +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #ae81ff +} + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #ae81ff +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #ae81ff +} + +/* Operator */ +.chroma .o { + color: #f92672 +} + +/* OperatorWord */ +.chroma .ow { + color: #f92672 +} + +/* Comment */ +.chroma .c { + color: #75715e +} + +/* CommentHashbang */ +.chroma .ch { + color: #75715e +} + +/* CommentMultiline */ +.chroma .cm { + color: #75715e +} + +/* CommentSingle */ +.chroma .c1 { + color: #75715e +} + +/* CommentSpecial */ +.chroma .cs { + color: #75715e +} + +/* CommentPreproc */ +.chroma .cp { + color: #75715e +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #75715e +} + +/* GenericDeleted */ +.chroma .gd { + color: #f92672 +} + +/* GenericEmph */ +.chroma .ge { + font-style: italic +} + +/* GenericInserted */ +.chroma .gi { + color: #a6e22e +} + +/* GenericStrong */ +.chroma .gs { + font-weight: bold +} + +/* GenericSubheading */ +.chroma .gu { + color: #75715e +} From 9d5b3e18c45822b8bc0650a7bee122fb809913fc Mon Sep 17 00:00:00 2001 From: stanislas Date: Tue, 25 Mar 2025 23:24:10 +0100 Subject: [PATCH 3/3] =?UTF-8?q?Ajout=20des=20cat=C3=A9gories=20au=20menu?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- hugo.toml | 6 +++++- src/scss/_component.scss | 6 +++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/hugo.toml b/hugo.toml index a85b27b..4f4a94d 100644 --- a/hugo.toml +++ b/hugo.toml @@ -68,9 +68,13 @@ enableMissingTranslationPlaceholders = false weight = 10 identifier = 'a-propos' [[menu.main]] - name = "Tags" + name = "Etiquettes" url = "/tags" weight = 30 + [[menu.main]] + name = "Catégories" + url = "/categories" + weight = 20 # Markup configure section # See https://gohugo.io/getting-started/configuration-markup/ diff --git a/src/scss/_component.scss b/src/scss/_component.scss index cd43442..bc97de1 100644 --- a/src/scss/_component.scss +++ b/src/scss/_component.scss @@ -263,9 +263,9 @@ figure > figcaption h4 { } .taxonomy { - -webkit-column-width: 150px; - -moz-column-width: 150px; - column-width: 150px; + -webkit-column-width: 200px; + -moz-column-width: 200px; + column-width: 200px; } .ais-SearchBox {