bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

big update for home v2

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2015-06-03 17:02:24 +02:00
parent 49004d7fee
commit 3ffbc09c10
26 changed files with 4210 additions and 1461 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
sites/all/themes/gui/materiobasetheme/scss/layout.scss
View File

@@ -22,16 +22,17 @@
// Here we define the breakpoints which will become the upper border for each media size.
// The function em-calc() calculates the em-value from a px-value.
/*
$small-breakpoint: em-calc(480) !default;
$medium-breakpoint: em-calc(768) !default;
$large-breakpoint: em-calc(980) !default;
$xlarge-breakpoint: em-calc(1200) !default;
$small-range: (0, $small-breakpoint) !default; /* 0, 480px */
$medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint) !default; /* 481px, 768px */
$large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint) !default; /* 769px, 980px */
$xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint) !default; /* 981px, 1200px */
$xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)) !default; /* 1201px, ... */
$small-range: (0, $small-breakpoint) !default; // 0, 480px
$medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint) !default; 481px, 768px //
$large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint) !default; // 769px, 980px
$xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint) !default; // 981px, 1200px
$xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)) !default; // 1201px, ...
// Media Queries
$screen: "only screen" !default;
@@ -62,6 +63,9 @@ $retina: (
"#{$screen} and (min-resolution: 192dpi)",
"#{$screen} and (min-resolution: 2dppx)"
);
*/
$row-width: rem-calc(1280);
*{
box-sizing: content-box;
@@ -118,41 +122,40 @@ $rootminwidth : 320px;
/** NIVEAU 0 */
#root{
min-width:$rootminwidth;
.ie8 &{min-width:1024px;}
}
/** NIVEAU 1 */
#container{
margin:0 auto; position:relative;
#container{
margin:0 auto; position:relative;
@include transition(padding-top 0.5s ease-out); // change this
// padding:0 1em;
}
/** NIVEAU 2 */
@mixin padded(){ $p:2%; width:100%-2*$p; padding-left:$p; padding-right:$p; }
// @mixin padded(){width:100%;}
$header-z-index:1000;
#header{
@media #{$medium-up}{
position:fixed; top:0; margin:0 auto; @include bgc(#fff); min-width:$rootminwidth*0.97;
position:fixed; top:0; margin:0 auto; background-color: #fff; min-width:$rootminwidth*0.97;
} //change this
z-index:$header-z-index;
@include padded;
.editmenu-enabled &{ @include mt(30px); }
.admin-menu &{ @include mt(35px); }
.admin-menu &{ margin-top:35px; }
}
#utilities{
@media #{$medium-up}{
html.no-touch &{
position:fixed; top:0; margin:0 auto; min-width:$rootminwidth*0.97;
@include mt(60px);
margin-top:60px;
}
html.no-touch .editmenu-enabled &{ @include mt(80px); }
html.no-touch .admin-menu &{ @include mt(85px); }
html.no-touch .admin-menu &{ margin-top:85px; }
}
@media #{$small-only}{
>.region{@include pt(5px); @include pb(5px);}
>.region{padding-top:5px; padding-bottom:5px;}
} //change this
z-index:999;
@include bgc(#fff);
@@ -160,9 +163,14 @@ $header-z-index:1000;
}
#main{@include padded; overflow-x:hidden;}
#main{
@include padded;
overflow-x:hidden;
}
#footer{@include padded;}
#footer{
@include padded;
}
/** NIVEAU 3 */
@@ -176,11 +184,29 @@ $header-z-index:1000;
// .footer-block .region, .header-block{ @include inlineblock();} change this
/** NIVEAU 4 */
#center{ padding:5px; }
#center{
//padding:5px;
}
/** Z-INDEX */
#block-feedback-form{z-index:1001;}
#admin-menu{z-index:1002;}
#admin-toolbar{z-index:1003;}
/*
__ __ ___
/ / / /___ ____ ___ ___ _ _|__ \
/ /_/ / __ \/ __ `__ \/ _ \ | | / /_/ /
/ __ / /_/ / / / / / / __/ | |/ / __/
/_/ /_/\____/_/ /_/ /_/\___/ |___/____/
*/
body.home-v2{
#header>.inner, #utilities>.inner, #main, #footer{
@include grid-row();
}
// #header,#utilities{
// position:relative;
// }
}