summaryrefslogtreecommitdiff
path: root/src/css/_sommaire.scss
diff options
context:
space:
mode:
authorache <ache@ache.one>2018-12-29 09:06:35 +0100
committerache <ache@ache.one>2018-12-29 09:06:35 +0100
commitb7fa44bc8d9680b1976d8733420b51745fe63d18 (patch)
tree3bbfe79b4c3d755c0151fccac7ff051a1de7c5b5 /src/css/_sommaire.scss
parentImproove mrclean ! (diff)
Scss lint
Diffstat (limited to 'src/css/_sommaire.scss')
-rwxr-xr-xsrc/css/_sommaire.scss108
1 files changed, 57 insertions, 51 deletions
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;
}
+
/*
- <div id="sommaire">
- <div id="sommaire_blien">Accueil</div>
- <div id="sommaire_blien">Blog</div>
- <div id="sommaire_blien">Liens</div>
- </div>
-*/
+<div id="sommaire">
+<div id="sommaire_blien">Accueil</div>
+<div id="sommaire_blien">Blog</div>
+<div id="sommaire_blien">Liens</div>
+</div>
+ */