forked from website/openpower.foundation
Compare commits
1 Commits
master
...
jamesk-pat
| Author | SHA1 | Date |
|---|---|---|
 James Kulina
|
44a15e1ff8 | 2 years ago |
@ -1,9 +0,0 @@
|
||||
---
|
||||
title: "BittWare"
|
||||
#image:
|
||||
#joined:
|
||||
#country:
|
||||
level: silver
|
||||
date: 2021-03-30
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Bull Atos
|
||||
#image:
|
||||
country: France
|
||||
link: https://www.bull.com/
|
||||
level: silver
|
||||
joined: 2019
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Celestica
|
||||
image: celestica.png
|
||||
country: USA
|
||||
link: https://www.celestica.com/
|
||||
level: silver
|
||||
joined: 2014
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: CocoLink
|
||||
image: cocolink.png
|
||||
country: Korea
|
||||
link: https://cocolinkph.org/
|
||||
level: silver
|
||||
joined: 2018
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,7 @@
|
||||
---
|
||||
title: "Credativ"
|
||||
#image: credativ-logo.png
|
||||
level: silver
|
||||
date: 2021-03-02
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Emulex
|
||||
image: emulex.png
|
||||
country: USA
|
||||
link: https://www.broadcom.com/
|
||||
level: silver
|
||||
joined: 2019
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Everspin Technologies, Inc.
|
||||
#image: everspin.png
|
||||
country: USA
|
||||
link: https://www.everspin.com/
|
||||
level: silver
|
||||
joined: 2019
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Fixstars Corporation
|
||||
image: fixstarscorporation.png
|
||||
country: Japan
|
||||
link: https://fixstars.com
|
||||
level: silver
|
||||
joined: 2016
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Intersil
|
||||
image: intersil.png
|
||||
country: USA
|
||||
link: https://www.renesas.com/us/en
|
||||
level: silver
|
||||
joined: 2017
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Micron
|
||||
image: micron.png
|
||||
country: USA
|
||||
link: https://micron.com
|
||||
level: silver
|
||||
joined: 2014
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Micro-star International
|
||||
#image:
|
||||
country: Taiwan
|
||||
#link:
|
||||
level: silver
|
||||
joined: 2016
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Nallatech
|
||||
image: nallatech.png
|
||||
country: UK
|
||||
link: https://www.molex.com/
|
||||
level: silver
|
||||
joined: 2014
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Suzhou PowerCore Technology
|
||||
image: powercoretech.png
|
||||
country: China
|
||||
link: https://www.powercoretech.com/
|
||||
level: silver
|
||||
joined: 2020
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Semptian
|
||||
image: semptian.png
|
||||
country: China
|
||||
link: http://www.semptian.com/en/
|
||||
level: silver
|
||||
joined: 2015
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: SK Hynix
|
||||
image: skhynix.png
|
||||
country: Korea
|
||||
link: https://skhynix.com
|
||||
level: silver
|
||||
joined: 2014
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: Smart Modular Technologies
|
||||
#image:
|
||||
country: USA
|
||||
#link:
|
||||
level: silver
|
||||
joined: 2018
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: STMicroelectronics
|
||||
image: stmicroelectronics.jpg
|
||||
country: Switzerland
|
||||
link: https://st.com/content/st_com/en.html
|
||||
level: silver
|
||||
joined: 2017
|
||||
date: 2021-03-31
|
||||
draft: false
|
||||
---
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: "Wistron"
|
||||
image: wistron.jpg
|
||||
link: https://www.wistron.com
|
||||
country: Taiwan
|
||||
level: silver
|
||||
joined: 2014
|
||||
date: 2021-03-15
|
||||
draft: false
|
||||
---
|
||||
@ -1,9 +1,6 @@
|
||||
---
|
||||
title: "Sandy Woodward"
|
||||
member: ibm
|
||||
date: 2022-03-08
|
||||
date: 2021-03-15
|
||||
draft: false
|
||||
---
|
||||
Sandy Woodward is the OpenPOWER Foundation Compliance Work Group Chair. Sandy has
|
||||
over 20 years of experience with the IBM POWER architecture. She is a Senior Technical Staff
|
||||
Member at IBM and is an IBM Academy of Technology Member.
|
||||
@ -1,264 +1,288 @@
|
||||
|
||||
body {
|
||||
#mobile-nav {
|
||||
display: none;
|
||||
}
|
||||
&.mobile-nav-active {
|
||||
#mobile-nav {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 80px;
|
||||
background: white;
|
||||
z-index: 100;
|
||||
width:100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.header {
|
||||
padding: 10px 0;
|
||||
@media screen and (max-width: $lg) {
|
||||
padding-top:17px;
|
||||
}
|
||||
border-bottom: 1px solid #1b1c1f;
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
background: white;
|
||||
z-index: 100;
|
||||
&__logo {
|
||||
text-decoration: none;
|
||||
&-col {
|
||||
flex-grow: 0;
|
||||
}
|
||||
}
|
||||
&__menu {
|
||||
margin-bottom: 0;
|
||||
align-items: center;
|
||||
line-height: 1.2;
|
||||
&-item {
|
||||
text-align: center;
|
||||
&.join {
|
||||
display: none;
|
||||
}
|
||||
&.menu-has-children {
|
||||
position: relative;
|
||||
ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
padding-left: 0;
|
||||
li {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-right: 1em;
|
||||
}
|
||||
&:hover a::after, &._active a::after {
|
||||
width: 100%;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
padding: .3em .2em;
|
||||
color: #02123e;
|
||||
&::after {
|
||||
display: block;
|
||||
content: '';
|
||||
width: 0;
|
||||
border-bottom: 1px solid currentColor;
|
||||
transition: width .2s ease-out;
|
||||
}
|
||||
&:hover {
|
||||
color: #2566f4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__contact-col {
|
||||
flex-grow: 0;
|
||||
}
|
||||
&__contact-btn, &__login-btn {
|
||||
min-width: 80px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&__login-btn {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
&__uppermenu {
|
||||
margin-bottom: 0.75rem;
|
||||
align-items: center;
|
||||
line-height: 1.0;
|
||||
li {
|
||||
margin-left: 0.35em;
|
||||
margin-right: 0.35em;
|
||||
}
|
||||
}
|
||||
}
|
||||
#mobile-nav-toggle {
|
||||
border: none;
|
||||
height: 45px;
|
||||
margin-right: 5px;
|
||||
background-color:transparent;
|
||||
@media screen and (min-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#mobile-nav {
|
||||
border-bottom: 1px solid black;
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
padding-top:35px;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
&:first-child {
|
||||
height: 100%;
|
||||
top: -5px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
&.menu-item-active {
|
||||
margin-top:0;
|
||||
}
|
||||
li {
|
||||
&.menu-has-children {
|
||||
padding-left:4%;
|
||||
}
|
||||
&.join {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
display: inline-block;
|
||||
&.expandable-active {
|
||||
font-weight: 500;
|
||||
font-size: 100%;
|
||||
}
|
||||
}
|
||||
i {
|
||||
padding-left: 12px;
|
||||
}
|
||||
ul {
|
||||
width:100%;
|
||||
background-color:white;
|
||||
position: relative;
|
||||
z-index: 200;
|
||||
display: block;
|
||||
margin-left:auto;
|
||||
margin-right: auto;
|
||||
border: none;
|
||||
li {
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
a {
|
||||
text-decoration: none;
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.header__menu-item {
|
||||
@media screen and (min-width: $lg) {
|
||||
// font-size: 83%;
|
||||
}
|
||||
&.menu-has-children {
|
||||
ul {
|
||||
width:300px;
|
||||
margin-top:1.6vw;
|
||||
list-style: none;
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
border-right: 1px solid #e8e8e8;
|
||||
border-left: 1px solid #e8e8e8;;
|
||||
@media screen and (min-width: $lg) {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
li {
|
||||
padding:10px 0;
|
||||
border: none;
|
||||
@media screen and (min-width: $lg) {
|
||||
font-size: 100%;
|
||||
}
|
||||
a {
|
||||
border: none;
|
||||
text-align:left;
|
||||
&:before, &:after {
|
||||
display: none;
|
||||
}
|
||||
padding-left:15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header__logo {
|
||||
img {
|
||||
@media screen and (max-width: $lg) {
|
||||
max-width:200px;
|
||||
height: auto;
|
||||
}
|
||||
@media screen and (min-width:$lg) and (max-width: $xl) {
|
||||
max-width:120px;
|
||||
height: auto;
|
||||
}
|
||||
@media screen and (min-width:$xl) and (max-width: $xxl) {
|
||||
max-width:120px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
#mobile-nav {
|
||||
display: none;
|
||||
}
|
||||
&.mobile-nav-active {
|
||||
|
||||
#mobile-nav {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 80px;
|
||||
background: white;
|
||||
z-index: 100;
|
||||
width:100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 10px 0;
|
||||
@media screen and (max-width: $lg) {
|
||||
padding-top:17px;
|
||||
}
|
||||
border-bottom: 1px solid #1b1c1f;
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 80px;
|
||||
background: white;
|
||||
z-index: 100;
|
||||
&__logo {
|
||||
text-decoration: none;
|
||||
&-col {
|
||||
flex-grow: 0;
|
||||
}
|
||||
}
|
||||
&__menu {
|
||||
margin-bottom: 0;
|
||||
align-items: center;
|
||||
line-height: 1.2;
|
||||
&-item {
|
||||
text-align: center;
|
||||
&.join {
|
||||
display: none;
|
||||
}
|
||||
&.menu-has-children {
|
||||
position: relative;
|
||||
ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
padding-left: 0;
|
||||
li {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-right: 1em;
|
||||
}
|
||||
&:hover a::after,
|
||||
&._active a::after {
|
||||
width: 100%;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
padding: .3em .2em;
|
||||
color: #02123e;
|
||||
&::after {
|
||||
display: block;
|
||||
content: '';
|
||||
width: 0;
|
||||
border-bottom: 1px solid currentColor;
|
||||
transition: width .2s ease-out;
|
||||
}
|
||||
&:hover {
|
||||
color: #2566f4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__contact-col {
|
||||
flex-grow: 0;
|
||||
}
|
||||
&__contact-btn,
|
||||
&__login-btn {
|
||||
min-width: 80px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&__login-btn {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Mobile navigation
|
||||
|
||||
#mobile-nav-toggle {
|
||||
border: none;
|
||||
height: 45px;
|
||||
margin-right: 5px;
|
||||
background-color:transparent;
|
||||
@media screen and (min-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#mobile-nav {
|
||||
border-bottom: 1px solid black;
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
padding-top:35px;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
&:first-child {
|
||||
height: 100%;
|
||||
top: -5px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&.menu-item-active {
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
li {
|
||||
&.menu-has-children {
|
||||
padding-left:4%;
|
||||
}
|
||||
|
||||
&.join {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
&.expandable-active {
|
||||
font-weight: 500;
|
||||
font-size: 100%;
|
||||
|
||||
}
|
||||
}
|
||||
i {
|
||||
padding-left: 12px;
|
||||
}
|
||||
ul {
|
||||
width:100%;
|
||||
background-color:white;
|
||||
position: relative;
|
||||
z-index: 200;
|
||||
display: block;
|
||||
margin-left:auto;
|
||||
margin-right: auto;
|
||||
border: none;
|
||||
li {
|
||||
padding:0 15px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
a {
|
||||
text-decoration: none;
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Desktop navigation responsive
|
||||
|
||||
.header__menu-item {
|
||||
@media screen and (min-width: $lg) {
|
||||
// font-size: 83%;
|
||||
}
|
||||
|
||||
&.menu-has-children {
|
||||
ul {
|
||||
width:300px;
|
||||
margin-top:1.6vw;
|
||||
list-style: none;
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
border-right: 1px solid #e8e8e8;
|
||||
border-left: 1px solid #e8e8e8;;
|
||||
@media screen and (min-width: $lg) {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
li {
|
||||
padding:10px 0;
|
||||
border: none;
|
||||
@media screen and (min-width: $lg) {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
border: none;
|
||||
text-align:left;
|
||||
&:before, &:after {
|
||||
display: none;
|
||||
}
|
||||
padding-left:15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
img {
|
||||
@media screen and (max-width: $lg) {
|
||||
max-width:200px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width:$lg) and (max-width: $xl) {
|
||||
max-width:120px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width:$xl) and (max-width: $xxl) {
|
||||
max-width:120px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Mobile navigation: mobile and desktop visibility
|
||||
|
||||
.mobile-view-social-join {
|
||||
@media screen and (min-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (min-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.social__list {
|
||||
&.desktop-view {
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
.social__item {
|
||||
@media screen and (min-width:$lg) and (max-width: $xxl) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.mobile-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.join-us-button, .login-button {
|
||||
&.desktop-view {
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
@media screen and (min-width:$lg) and (max-width: $xxl) {
|
||||
max-width: 80px;
|
||||
height: auto;
|
||||
padding: 0.375rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.mobile-view {
|
||||
margin:auto;
|
||||
width: 97px;
|
||||
min-width: 97px;
|
||||
}
|
||||
&.desktop-view {
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
.social__item {
|
||||
@media screen and (min-width:$lg) and (max-width: $xxl) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mobile-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.join-us-button,
|
||||
.login-button {
|
||||
&.desktop-view {
|
||||
@media screen and (max-width: $lg) {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
@media screen and (min-width:$lg) and (max-width: $xxl) {
|
||||
max-width:80px;
|
||||
height: auto;
|
||||
padding:0.375rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.mobile-view {
|
||||
margin:auto;
|
||||
width: 97px;
|
||||
min-width: 97px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,75 +1,84 @@
|
||||
.home.promo__section {
|
||||
min-height: 820px;
|
||||
min-height: 820px;
|
||||
}
|
||||
main {
|
||||
&.home {
|
||||
@media screen and (max-width: $lg) {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
padding-top: 70px;
|
||||
}
|
||||
}
|
||||
main {
|
||||
&.home {
|
||||
@media screen and (max-width: $lg) {
|
||||
padding-top:50px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
padding-top:70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post__article {
|
||||
position: relative;
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
position: relative;
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
}
|
||||
.post__title {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
&::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
}
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
&::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
.teaser {
|
||||
&__section {
|
||||
padding: 5.625rem 0;
|
||||
&._dark {
|
||||
color: #fff;
|
||||
background-color: #1b1c1f;
|
||||
@media screen and (max-width: $lg) {
|
||||
padding: 3.5rem 0;
|
||||
}
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
padding: 4.4rem 0;
|
||||
}
|
||||
}
|
||||
&._navy {
|
||||
background-color: #acc8fa;
|
||||
}
|
||||
}
|
||||
&__title {
|
||||
margin-bottom: 1em;
|
||||
@media screen and (max-width: $lg) {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
margin-top: 0.8em;
|
||||
}
|
||||
}
|
||||
&__form {
|
||||
margin-top: 4.1em;
|
||||
@media screen and (max-width: $lg) {
|
||||
margin-top: 2em;
|
||||
}
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
margin-top: 3em;
|
||||
}
|
||||
}
|
||||
&__info {
|
||||
margin: 3.75rem 0;
|
||||
padding: 3.75rem 0;
|
||||
border-width: 1px;
|
||||
border-style: solid none;
|
||||
border-color: #1b1c1f;
|
||||
}
|
||||
}
|
||||
&__section {
|
||||
padding: 5.625rem 0;
|
||||
&._dark {
|
||||
color: #fff;
|
||||
background-color: #1b1c1f;
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
padding: 3.5rem 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
padding: 4.4rem 0;
|
||||
}
|
||||
}
|
||||
&._navy {
|
||||
background-color: #acc8fa;
|
||||
}
|
||||
}
|
||||
&__title {
|
||||
margin-bottom: 1em;
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
margin-top: 0.8em;
|
||||
}
|
||||
|
||||
}
|
||||
&__form {
|
||||
margin-top: 4.1em;
|
||||
|
||||
@media screen and (max-width: $lg) {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
margin-top: 3em;
|
||||
}
|
||||
}
|
||||
&__info {
|
||||
margin: 3.75rem 0;
|
||||
padding: 3.75rem 0;
|
||||
border-width: 1px;
|
||||
border-style: solid none;
|
||||
border-color: #1b1c1f;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,53 +1,55 @@
|
||||
.promo {
|
||||
&__section {
|
||||
position: relative;
|
||||
padding-top: 150px;
|
||||
@media screen and (max-width: $lg) {
|
||||
min-height: 460px;
|
||||
}
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
min-height: 580px;
|
||||
}
|
||||
color: #fff;
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
&::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
background-color: rgba(24, 38, 54, 0.4);
|
||||
}
|
||||
}
|
||||
&__container {
|
||||
position: relative;
|
||||
margin-bottom: 70px;
|
||||
font-size: 1.5rem;
|
||||
@media screen and (max-width: $lg) {
|
||||
padding-top: 17.5vw;
|
||||
}
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
padding-top: 10vw;
|
||||
}
|
||||
.promo-wrapper {
|
||||
width: 50%;
|
||||
@media screen and (max-width: $lg) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
&__title {
|
||||
&._large {
|
||||
font-size: calc(1.525rem + 3.3vw);
|
||||
@media (min-width: 1200px) {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__section {
|
||||
position: relative;
|
||||
padding-top: 150px;
|
||||
@media screen and (max-width: $lg) {
|
||||
min-height:460px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
min-height:580px;
|
||||
}
|
||||
|
||||
color: #fff;
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
&::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
background-color: rgba(24, 38, 54, 0.4);
|
||||
}
|
||||
}
|
||||
&__container {
|
||||
position: relative;
|
||||
margin-bottom: 70px;
|
||||
@media screen and (max-width: $lg) {
|
||||
padding-top:17.5vw;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||
padding-top:10vw;
|
||||
}
|
||||
|
||||
.promo-wrapper {
|
||||
width: 50%;
|
||||
@media screen and (max-width: $lg) {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
&__title {
|
||||
&._large {
|
||||
font-size: calc(1.525rem + 3.3vw);
|
||||
@media (min-width: 1200px) {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue