From b7fa44bc8d9680b1976d8733420b51745fe63d18 Mon Sep 17 00:00:00 2001 From: ache Date: Sat, 29 Dec 2018 09:06:35 +0100 Subject: Scss lint --- src/css/_contenu.scss | 28 ++++++------- src/css/_rainbow.scss | 2 +- src/css/_sommaire.scss | 108 ++++++++++++++++++++++++++----------------------- src/css/_style.scss | 66 +++++++++++++++--------------- src/css/design.scss | 24 +++++------ 5 files changed, 117 insertions(+), 111 deletions(-) (limited to 'src') diff --git a/src/css/_contenu.scss b/src/css/_contenu.scss index 267d51a..b8020f4 100755 --- a/src/css/_contenu.scss +++ b/src/css/_contenu.scss @@ -1,14 +1,14 @@ article { h1 { - font-size:2em; + font-size: 2em; color: #A5B; } h2 { - font-size:1.5em; + font-size: 1.5em; color: #BB8; } h3 { - font-size:1.25em; + font-size: 1.25em; color: #AC4; } h2:before { @@ -36,16 +36,16 @@ section { clear: both; } > p:nth-of-type(1) > img { - height:150px; - float:right; + height: 150px; + float: right; } @media #{$gt-gsm} { > p:first-of-type { - margin-top: 2.5%; - margin-bottom: 2.5%; - padding-left: 6%; - color: #944040; + margin-top: 2.5%; + margin-bottom: 2.5%; + padding-left: 6%; + color: #944040; } } } @@ -56,8 +56,8 @@ article { width: 83%; background: #FFF; margin-bottom: 2.5%; - padding-right:0%; - padding-left:0%; + padding-right: 0; + padding-left: 0; padding: 1.6em 1.6em; font-family: Merriweather, "Liberation Serif", "Segoe UI"; @@ -74,9 +74,9 @@ article { margin-left: 300px; width: auto; - font-size:1em; - padding-right:5%; - padding-left:5%; + font-size: 1em; + padding-right: 5%; + padding-left: 5%; transition: margin-left 0.5s ease-out 0.25s; border: 1px solid #eaeaea; diff --git a/src/css/_rainbow.scss b/src/css/_rainbow.scss index 905eb8e..60c4fcd 100644 --- a/src/css/_rainbow.scss +++ b/src/css/_rainbow.scss @@ -50,7 +50,7 @@ Style with support for rainbow parens .hljs-template-variable, .hljs-selector-id, .hljs-class .hljs-title { - color: #ffcc66; + color: #ffcc66; } .hljs-section, diff --git a/src/css/_sommaire.scss b/src/css/_sommaire.scss index c4e002a..6f1513f 100755 --- a/src/css/_sommaire.scss +++ b/src/css/_sommaire.scss @@ -1,5 +1,5 @@ #sommaire { - height: 40px; + height: 40px; width: auto; text-align: center; @media #{$gt-gsm} { @@ -7,44 +7,46 @@ } } .sommaire_blien { - display: inline-block; - width: 33%; - text-align: left; - color: #121311; - font-size: 0.8em; - font-weight: bold; - font-family: monospace, serif; - text-shadow: 0 1px 0 #DDD; - color: #888888; - &:before { - content: "/"; - } - a { - color: #888888; - outline: none; - text-decoration: none; - } - a:hover { - color: #BBAABB; - } + display: inline-block; + width: 33%; + text-align: left; + color: #121311; + font-size: 0.8em; + font-weight: bold; + font-family: monospace, serif; + text-shadow: 0 1px 0 #DDD; + color: #888888; + &:before { + content: "/"; + } + a { + color: #888888; + outline: none; + text-decoration: none; + } + a:hover { + color: #BBAABB; + } } #side-bar { - text-align:center; + text-align: center; display: block; - width:100%; - height:auto; + width: 100%; + height: auto; text-rendering: optimizelegibility; box-sizing: border-box; - background:#F5F6F5; + background: #F5F6F5; padding-top: 10px; h1 { - font-family: monospace, "Helvetica Neue", Arial, sans-serif; - /*font-family: "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif; - */ + font-family: monospace, "Helvetica Neue", Arial, sans-serif; + + /* + font-family: "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif; + */ } - svg { + svg { margin: 0 auto; display: block; } @@ -52,15 +54,18 @@ @media #{$gt-gsm} { position: fixed; - top: 0px; - bottom: 0px; - left: 0px; + top: 0; + bottom: 0; + left: 0; height: 100%; width: 290px; transition: left 0.5s ease-in 0.25s; text-align: center; - /*background: none repeat scroll 0% 0% #F5F6F5;*/ - background:#FFF; + + /* + background: none repeat scroll 0% 0% #F5F6F5; + */ + background: #FFF; border-right: 3px solid rgba(51, 51, 51, 0.1); &.hidden { @@ -74,24 +79,25 @@ margin-top: 15px; } #about { - font-size: 0.8em; - color: #666; + font-size: 0.8em; + color: #666; } .about_bar { - display: inline-block; - width: 20%; - text-align: left; - color: #121311; - font-size: 0.8em; - font-weight: bold; - font-family: monospace, serif; - text-shadow: 0 1px 0 #DDD; - margin:auto; + display: inline-block; + width: 20%; + text-align: left; + color: #121311; + font-size: 0.8em; + font-weight: bold; + font-family: monospace, serif; + text-shadow: 0 1px 0 #DDD; + margin: auto; } + /* -
-
Accueil
-
Blog
-
Liens
-
-*/ +
+
Accueil
+
Blog
+
Liens
+
+ */ diff --git a/src/css/_style.scss b/src/css/_style.scss index 196ad46..ecebaa5 100644 --- a/src/css/_style.scss +++ b/src/css/_style.scss @@ -1,6 +1,6 @@ .directory { - cursor: pointer; - list-style-type: disc; + cursor: pointer; + list-style-type: disc; } .file { list-style: circle; @@ -10,29 +10,29 @@ } } -.qcm_item p {margin: 0; padding: 0; display:inline;} +.qcm_item p {margin: 0; padding: 0; display: inline;} .qcm_check, .qcm_radio {padding-left: 32px;} blockquote { - color: #777; - padding: 1px 2%; - border-left: 5px solid #ccc; + color: #777; + padding: 1px 2%; + border-left: 5px solid #ccc; } .special-box { - background: #eee7da; - margin: 12.5px 12.5px; - padding: 10px 0 10px 95px; - color: #424242; - min-height: 60px; + background: #eee7da; + margin: 12.5px 12.5px; + padding: 10px 0 10px 95px; + color: #424242; + min-height: 60px; } .special-box::before{ - content: ""; - display: block; - width: 48px; - height: 48px; - background-repeat: no-repeat; - margin: 0px 0 -48px -70px; + content: ""; + display: block; + width: 48px; + height: 48px; + background-repeat: no-repeat; + margin: 0 0 -48px -70px; } @mixin box($name, $bg) { #{$name} { @@ -50,32 +50,32 @@ blockquote { @include box('bad', #eaa); .secret { - background: #eee; - padding: 10px 0 10px 15px; - min-height: 20px; + background: #eee; + padding: 10px 0 10px 15px; + min-height: 20px; } .hiden_block_quote { - display: none; + display: none; } .special-box-content { - margin-top: 5px; + margin-top: 5px; } kbd { - background-color: #f8f6ea; - padding: 2px 6px; - border-radius: 3px; - border: 1px solid #e0dab6; - border-bottom-width: 3px; - text-shadow: 0 1px 0 #fff; - color: #5e551f; + background-color: #f8f6ea; + padding: 2px 6px; + border-radius: 3px; + border: 1px solid #e0dab6; + border-bottom-width: 3px; + text-shadow: 0 1px 0 #fff; + color: #5e551f; } .view { - position: relative; + position: relative; } .raw_button { position: absolute; - top:10px; - right:0; + top: 10px; + right: 0; margin : 0; padding : 0; @@ -95,7 +95,7 @@ kbd { color: #24292e; background-color: #eff3f6; - background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); + background-image: linear-gradient(to top, #fafbfc 0%, #eff3f6 90%); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } > div > div { diff --git a/src/css/design.scss b/src/css/design.scss index fc53bfb..bfe3561 100755 --- a/src/css/design.scss +++ b/src/css/design.scss @@ -9,7 +9,7 @@ $gt-gsm: "screen and (min-width: 768px)"; body { font-family: 'Noto Serif', Verdana, "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; - margin: 0px; + margin: 0; background: #f1f1f1; line-height: 1.6; color: #333333; @@ -17,8 +17,8 @@ body { font-size: 16px; } #body_c { - background-repeat:no-repeat; - background-position:top left; + background-repeat: no-repeat; + background-position: top left; } .fl { float: left; @@ -37,16 +37,16 @@ table { padding: 7px 13px; } table, th, td { - border: 1px solid #dfe2e5; - padding: 7px 13px; + border: 1px solid #dfe2e5; + padding: 7px 13px; } .suite { - color: #888888; - outline: none; - text-decoration: none; - font-size: 0.6em; - font-weight: bold; - font-family: monospace, serif; - text-shadow: 0 1px 0 #DDD; + color: #888888; + outline: none; + text-decoration: none; + font-size: 0.6em; + font-weight: bold; + font-family: monospace, serif; + text-shadow: 0 1px 0 #DDD; } -- cgit v1.2.3