/* Colors ———————— */
/* Main Colors ------------------------ */ $aqua:#4be1ce; $blue:#23abc4; $darkblue:#0011f3; $gold:#cba173; $green:#1abcb0; $indigo:#2a83e8; $mint:#27e6c3; $orange:#e48343; $pink:#f01831; $red:#e95e49; $violet:#6060d9; $yellow:#f1b243; /* Main Colors ------------------------ */ $hhgb12-color: #353535; $white: #fff; $date-color: #999999; $text-color: #6c6c6c; $heading-color: #111111; $subheading-color: #acacac; $bg-light: #f9fbfc; $bg-dark: #181821; $dark-grey: #424242; $light-grey: #a3a3a3; $border-color: #e5e9ec; // opacity $white-opacity:rgba(255, 255, 255, 0.85); $dark-opacity:rgba(0,0,0,.5); $dark-opacity-3:rgba(0,0,0,.3);
/* 🍦 ⚠️
.btn-aqua-vibrant {
background-color: #4be1ce; box-shadow: 0 2px 2px 0 rgba(75, 225, 206, 0.14), 0 3px 1px -2px rgba(75, 225, 206, 0.2), 0 1px 5px 0 rgba(75, 225, 206, 0.12); transition: all 0.3s ease-in-out;
} /——————————————————-/ /* Single Project /——————————————————-/
@mixin product_meta{
display: flex; .product_meta_col{ width: 50%; } .detail-wrap { display: table; table-layout: fixed; width: 100%; } .detail-label, .detail-value { display: table-cell; line-height: 23px; font-size: 12px; font-weight: bolder; width: 50%; } .detail-label { min-width: 110px; color: $heading-color; } span { // font-family: $alt-font; font-style: italic; color: $light-grey;
} } .product_meta {
@include product_meta
} @mixin storyStyle{
width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;
} @mixin storylogoBg{
border-radius: 50%; width: 60px; border: 1px solid; height: 60px; display: flex; justify-content: center; align-items: center; text-align: center; img{ padding: 19%; }
} .Story__wrapper{
@include storyStyle; width:100%; .Story__image{ @include storylogoBg; width: 65px; height: 65px; border: 1px solid $pink; background-repeat: no-repeat; background-size: cover; background-position: center center; } .Story__tittle{ }
}
.project-description {
// padding-left: 5%;TODO &#inside_productionSow{ .mt-30 { margin: 0px 0px; hr { margin: 11px 0; } .product_meta { @include product_meta; .detail-label, .detail-value { line-height: 20px; } } .entry-author-box { padding: 10px 10px; background-color: #f9fbfc; position: relative; // margin-top: 30px; margin-bottom: 0px; img{ display: block; border-radius: 50%; position: absolute; top: 10px; right: 10px; width: 40px; } .author-info { padding: 0px; } } .entry-partnership-box { position: relative; // margin-top: 30px; margin-bottom: 0px; .projet-colaborators{ display: flex; width: 100%; .projet-colaborator{ @include storyStyle; } .projet-colaborator-logo{ @include storylogoBg; } } .author-info { padding: 0px; } } } }
}