From de2476958019a35eed520431352662b2c72197da Mon Sep 17 00:00:00 2001 From: Carmine De Rosa Date: Sat, 16 Dec 2017 16:08:53 +0100 Subject: [PATCH] add breadcrumb --- css/styles.css | 52 ++++++++++++++---- header.php | 13 ++++- .../header.scssc | Bin 14963 -> 21117 bytes .../variables.scssc | Bin 17764 -> 18420 bytes scss/header.scss | 35 +++++++++++- scss/variables.scss | 9 ++- 6 files changed, 90 insertions(+), 19 deletions(-) diff --git a/css/styles.css b/css/styles.css index af636b1..929e3ea 100644 --- a/css/styles.css +++ b/css/styles.css @@ -14548,20 +14548,19 @@ header .hamburger { } /* line 22, header.scss */ header .first { - /* display: none; */ position: relative; - top: 70px; - height: 90px; + top: 110px; + height: 70px; } -/* line 30, header.scss */ +/* line 29, header.scss */ header .hours { font-size: 0.75rem; } -/* line 32, header.scss */ +/* line 31, header.scss */ header .hours span { display: block; } -/* line 37, header.scss */ +/* line 36, header.scss */ header .topmenu { height: calc(100vh - 70px); position: fixed; @@ -14572,7 +14571,7 @@ header .topmenu { display: none; overflow: auto; } -/* line 47, header.scss */ +/* line 46, header.scss */ header .topmenu ul { text-align: center; font-size: 1.125rem; @@ -14582,23 +14581,56 @@ header .topmenu ul { padding: 0; line-height: 30px; } -/* line 57, header.scss */ +/* line 56, header.scss */ header .topmenu ul li { list-style: none; padding: 15px; display: block; border-top: 1px solid rgba(255, 255, 255, 0.6); } -/* line 62, header.scss */ +/* line 61, header.scss */ header .topmenu ul li a { color: white; text-decoration: none; transition: .4s; } -/* line 66, header.scss */ +/* line 65, header.scss */ header .topmenu ul li a:hover { color: rgba(255, 255, 255, 0.6); } +/* line 73, header.scss */ +header .breadcrumb { + font-size: 0.75rem; + padding: 5px; + margin: 0; + background-color: #eceeef; + border-radius: 0; + width: 100%; + position: absolute; + left: 0; + color: #aaa; + height: 30px; +} +/* line 85, header.scss */ +header .breadcrumb .container { + overflow: hidden; + overflow-x: auto; +} +/* line 88, header.scss */ +header .breadcrumb .container .crumbs { + height: 20px; + display: ruby; +} +/* line 91, header.scss */ +header .breadcrumb .container .crumbs a { + color: #aaa; + text-decoration: none; + transition: .4s; +} +/* line 95, header.scss */ +header .breadcrumb .container .crumbs a:hover { + color: #666; +} @media only screen and (min-width: 768px) { /* line 5, mediaqueries/viewports/_768up.scss */ diff --git a/header.php b/header.php index 4d5fe84..b5ccb40 100644 --- a/header.php +++ b/header.php @@ -14,7 +14,7 @@ Sab 9:00-13:00 - +
@@ -30,8 +30,15 @@
  • Contatti
  • - - +
    + + + + diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc index 472d72d6a42a266c3c8850f2173714dd168f2ef1..665451ac78f008adf31ef26c2849bb81993b5b4e 100644 GIT binary patch literal 21117 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 Tf2b2x{KHWE&qR&pRwDlgDPrGd delta 3109 zcmai0TWs4@7?w{)N9~YxwVNz;8#hjqQYUFHP1+{j+S7*Kc7u(AKwPwrwyeNb*eZ|^ z8biFGJ)o_hgqQ?OL+}XF=)?mWi~^6KF%S<7BtSz5UXTzM0pj-C$$Z+Z5)Vy}{eRzo z`OfEK|NV;e^Wur{jk!`^U#Xaz>7VYM8yJ`y$ma{ix!lZj{=WVDXZ9C+r+fF8N^_;& zv%{Y;DX<*!eRxBnaiQFH>-3Q$q8!NHIjUt?8JpW=Wiw`$x-;HT7duU-ojxa9q2?=&b9p zlQ3Zq(+R1?@(~89pb?8+tHcq}n!^m?Y(q${<=|`)CtG$&acV8!FWZrUHY!>w`Ho(H&Tc+_-SW|>4 zlK65YFkIh%3$AlK(xxezr+E)f>n7f6GjT;%{l5rq z4#_YjxBoc)Tfw(Xc{*OXR|o56`T3$M02kFeTw9TNd(3ddzihE_!2tbyTDLj_9_ zZBvVf%ThG#KEq296VbBj4~isN@UkvD5F&6E!q?pylp`Sw8JZIEa^&zZagP}$&PCLw zF2T<^OxNnpiU^$Dh~FdQM!wFdc?yejDUW*%b6t!ud>*HbpnpKr$~&7U*Aj77!gt1` zRB&x~y=S{Z)piB4ox5CXy8?9~Dim<4<91w$YIJH{Jxz-UL`|ej6MLho{~l4jh)1Hj zT%-g9=ImZP7u^->tDCZq!tGuz=PHhlVgl_kGZw%0%s3>{J6PQnvX+Ch1uU7{@mWk$ z3@>Fr-cFbZcAAj7RR5EL-;a(iUGAqW1m^4*o{sIshPbxL^tb~QOu9zc5I2qFwe6e` z=>~9y>)03Hu#xzjon&;Ft2oiwi`U|--C1&9Fh9nt?mQzBl&F~NPT5(x?tGcdrQzM8 zjtc`CUP@?+IJwG>A@CK=_OhY+-w=7q?&(yf90cZU8B>YvhFvGSO<|#t?P#7lGuL3%T!UmTce&PFgVcqnFo@r~rcmnE6jHGE+8e^| zArp^xn^+oB{ojk~Lyp|?5G5cmXFqsKncX3DStj017&t)xY1i2w45zIg=}!WUg4t#0#c^-_p0h&S*;1>+>degPzE^8`LxpbM#xv*s!vi zlJw}KI67+L!K{h*MpZWJ!?A1#KaK|EQKA!!vpHAz@K`Z6Rww)zL4>HzRk!o3`Ur>5 za|X_iss2YrLu2@OOqXjU&K@H%_DSQ&=kBCmM~-)La&EjT$2iI1F4xL2PBp}P#<_}O zXRsA&J|CN?>u!Rgac@rND(P(1@On6Ln7X)Y&zTp*7!$ad*9*1moW1Dt(DcogJ1k7@3^X2?oxlIUV!5NVytw0EA4c~M{0BoI-rxWL diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/variables.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/variables.scssc index 193443add4b96e4c15fcab8099539f33bb59cdc2..f9497d5f196891a8d852aeaaa0765adf759cc32c 100644 GIT binary patch delta 721 zcmaFT#rUP4ae}0VQL?$Qsacv)s!>vkaav-cky&z*fsvVUqEVt{qFG9kfrV*`Ns77I zL`QW-=Z%^3EGH*hHBZ*FGMy}IEj@WI7tiEpR_6Tb)*|`VLhROjnO@eynOc)|tgZOP zP{gz+cS)*Do@uSbs6Ba)bqBCijIxufY`pp9;Cex_nv<{CWFhJB zf$PY%RT7i67Ioma7IP5Dx0dCzmh)8NOfO2UoczK@*^zOTwP7ZZFv?`JHU>&4CnhGc zS#yS1s~P~E>TAuPZ!N%SEeLhGFVI+oqd`0=khAQtsbhyb5UdW}3H&*k=@})uP>0BS zysYIvH}S~04R=tqKE(l%RvJRC;|5gL=VW}lXYFq0m4(Xpa1{> delta 235 zcmey;&-kQ^ae}0Vu~|y8d77bNvXNOzilKo?lDVN_qDitrszFL>lBua_Vv32SskvF& zL`QW-hmD!@EcwN)Me?nM*sb|8y{v^Zr6y10lANq>WipxFs(JD=EAz?wt)wSgSnKf% zp{P@z+$E_pd8V}zqx$4M);UPB-au0%Cl`t+Ob)kEVw9X*W#i2+1=kCbRh@jrCJRZ2 o4_rsCEl9_Cds)VY&2Q~Z*(a;HD^K=yS7298Of&$3$$Q<+0pWu|=l}o! diff --git a/scss/header.scss b/scss/header.scss index cc860f5..8600ab8 100644 --- a/scss/header.scss +++ b/scss/header.scss @@ -20,10 +20,9 @@ header{ .first{ -/* display: none; */ position: relative; - top: 70px; - height: 90px; + top: 110px; + height: 70px; } @@ -70,4 +69,34 @@ header{ } } } + + .breadcrumb { + font-size: $font-12; + padding: 5px; + margin: 0; + background-color: $light-grey; + border-radius: 0; + width: 100%; + position: absolute; + left: 0; + color: $grey; + height: 30px; + + .container{ + overflow: hidden; + overflow-x: auto; + .crumbs{ + height: 20px; + display: ruby; + a{ + color: $grey; + text-decoration: none; + transition: .4s; + &:hover{ + color: $dark-grey; + } + } + } + } + } } diff --git a/scss/variables.scss b/scss/variables.scss index 4edd565..9eb786e 100644 --- a/scss/variables.scss +++ b/scss/variables.scss @@ -66,6 +66,9 @@ $font-53: 3.312rem; /* 53px */ } -$alpha: rgba(255,255,255,0.6); -$green: #2e981e;//#67a562; -$red: #aa0000; +$alpha: rgba(255,255,255,0.6); +$green: #2e981e;//#67a562; +$red: #aa0000; +$grey: #aaa; +$light-grey: #eceeef; +$dark-grey: #666;