Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-09-29 01:55:01 +00:00
Code Issues Actions Projects Releases Wiki Activity

bootstrap footer and homepage

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-03-20 23:30:29 +01:00
parent 19326ee750
commit 3da8f89d3c
5 changed files with 76 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss
View File

@@ -2,19 +2,15 @@
* These custom styles will override bootstrap enabled stylesheets
*/
// hack hérité de scratch: contraindre le footer en bas de page
.container-fluid::after {
content: "";
display: table;
clear: both;
border-spacing: 0;
}
h1, h2, .h1, .h2 {
font-weight: $headings-font-weight + 200;
}
html, body {
min-height: 100%;
height: 100%;
}
nav.navbar {
.navbar-brand {
img {
@@ -23,7 +19,9 @@ nav.navbar {
}
}
.navbar-toggler,
.navbar-collapse { float: right; }
.navbar-collapse {
float: right;
}
.navbar-nav {
display: flex;
align-items: center;
@@ -35,4 +33,53 @@ nav.navbar {
}
}
}
}
#content_conainter {
position: relative;
min-height: calc(100% - 195px);
&::before {
bottom: 0;
content: "";
left: 0;
opacity: .1;
position: absolute;
right: 0;
top: 0;
z-index: -1;
background-image: url(/build/images/desert.2a25b6fc.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
}
.container-fluid::after {
content: "";
display: table;
clear: both;
border-spacing: 0;
}
.footer {
background: $dark;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
p {
font-family: Open Sans;
font-weight: 300;
clear: both;
color: #fff;
font-size: .9em;
line-height: 1.5em;
margin: auto;
max-width: 35em;
text-align: center;
a, a:hover {
text-decoration: underline;
}
}
}

18
src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_variables.scss
View File

@@ -11,27 +11,27 @@
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-200: #e6e6e6 !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-500: #b2b2b2 !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-800: #333333 !default;
$gray-900: #212529 !default;
$black: #000 !default;
$black: #111 !default;
$grays: () !default;
$grays: map-merge(
(
"100": $gray-100,
"200": $gray-200, /* ~= $chill-llight-gray, $chill-gray */
"200": $gray-200, /* = $chill-llight-gray, $chill-gray */
"300": $gray-300,
"400": $gray-400,
"500": $gray-500, /* ~= $chill-light-gray */
"500": $gray-500, /* = $chill-light-gray */
"600": $gray-600,
"700": $gray-700,
"800": $gray-800, /* ~= $chill-dark-gray */
"800": $gray-800, /* = $chill-dark-gray */
"900": $gray-900
),
$grays
@@ -72,8 +72,8 @@ $colors: map-merge(
$primary: $blue;
$secondary: $gray-600;
$success: $green;
$info: $gray-300;
$warning: $yellow;
$info: $yellow;
$warning: $orange;
$danger: $red;
$light: $gray-100;
$dark: $gray-800;