Converting application less to sass.
This commit is contained in:
parent
b30be955ca
commit
fec6b6caa5
26 changed files with 1140 additions and 0 deletions
43
app/assets/sass/layout/_sections.scss
Normal file
43
app/assets/sass/layout/_sections.scss
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
|
||||
|
||||
// ----------------------------------
|
||||
// Head section
|
||||
// ----------------------------------
|
||||
|
||||
|
||||
.head-section {
|
||||
background-color: $brand-color;
|
||||
background-image: url(#{$image-path}/header-pattern.jpg);
|
||||
margin-bottom: 60px;
|
||||
|
||||
.top-section {
|
||||
background-color: $navbar-background;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------------------
|
||||
// Content section
|
||||
// ----------------------------------
|
||||
|
||||
|
||||
.content-section {
|
||||
@extend .container;
|
||||
margin-bottom: $footer-height;
|
||||
}
|
||||
|
||||
|
||||
// ----------------------------------
|
||||
// Footer section
|
||||
// ----------------------------------
|
||||
|
||||
|
||||
.footer-section {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
color: $footer-text-color;
|
||||
border-top: 1px solid #bcbcbc;
|
||||
background-color: $footer-border-color;
|
||||
background-image: url(#{$image-path}/footer-pattern.jpg);
|
||||
}
|
||||
Reference in a new issue