forked from website/openpower.foundation
Compare commits
1 Commits
master
...
jamesk-pat
| Author | SHA1 | Date |
|---|---|---|
 James Kulina
|
44a15e1ff8 | 3 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"
|
title: "Sandy Woodward"
|
||||||
member: ibm
|
member: ibm
|
||||||
date: 2022-03-08
|
date: 2021-03-15
|
||||||
draft: false
|
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 {
|
body {
|
||||||
#mobile-nav {
|
#mobile-nav {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
&.mobile-nav-active {
|
&.mobile-nav-active {
|
||||||
#mobile-nav {
|
|
||||||
display: block;
|
#mobile-nav {
|
||||||
position: fixed;
|
display: block;
|
||||||
top: 80px;
|
position: fixed;
|
||||||
background: white;
|
top: 80px;
|
||||||
z-index: 100;
|
background: white;
|
||||||
width:100%;
|
z-index: 100;
|
||||||
height: 100%;
|
width:100%;
|
||||||
}
|
height: 100%;
|
||||||
}
|
}
|
||||||
.header {
|
}
|
||||||
padding: 10px 0;
|
|
||||||
@media screen and (max-width: $lg) {
|
.header {
|
||||||
padding-top:17px;
|
padding: 10px 0;
|
||||||
}
|
@media screen and (max-width: $lg) {
|
||||||
border-bottom: 1px solid #1b1c1f;
|
padding-top:17px;
|
||||||
position: fixed;
|
}
|
||||||
width: 100vw;
|
border-bottom: 1px solid #1b1c1f;
|
||||||
background: white;
|
position: fixed;
|
||||||
z-index: 100;
|
width: 100vw;
|
||||||
&__logo {
|
height: 80px;
|
||||||
text-decoration: none;
|
background: white;
|
||||||
&-col {
|
z-index: 100;
|
||||||
flex-grow: 0;
|
&__logo {
|
||||||
}
|
text-decoration: none;
|
||||||
}
|
&-col {
|
||||||
&__menu {
|
flex-grow: 0;
|
||||||
margin-bottom: 0;
|
}
|
||||||
align-items: center;
|
}
|
||||||
line-height: 1.2;
|
&__menu {
|
||||||
&-item {
|
margin-bottom: 0;
|
||||||
text-align: center;
|
align-items: center;
|
||||||
&.join {
|
line-height: 1.2;
|
||||||
display: none;
|
&-item {
|
||||||
}
|
text-align: center;
|
||||||
&.menu-has-children {
|
&.join {
|
||||||
position: relative;
|
display: none;
|
||||||
ul {
|
}
|
||||||
display: none;
|
&.menu-has-children {
|
||||||
position: absolute;
|
position: relative;
|
||||||
background-color: white;
|
ul {
|
||||||
padding-left: 0;
|
display: none;
|
||||||
li {
|
position: absolute;
|
||||||
margin-right: 0;
|
background-color: white;
|
||||||
}
|
padding-left: 0;
|
||||||
}
|
li {
|
||||||
&:hover {
|
margin-right: 0;
|
||||||
ul {
|
}
|
||||||
display: block;
|
}
|
||||||
}
|
&:hover {
|
||||||
}
|
ul {
|
||||||
}
|
display: block;
|
||||||
&:not(:last-child) {
|
}
|
||||||
margin-right: 1em;
|
}
|
||||||
}
|
}
|
||||||
&:hover a::after, &._active a::after {
|
&:not(:last-child) {
|
||||||
width: 100%;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
a {
|
&:hover a::after,
|
||||||
display: block;
|
&._active a::after {
|
||||||
padding: .3em .2em;
|
width: 100%;
|
||||||
color: #02123e;
|
}
|
||||||
&::after {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
content: '';
|
padding: .3em .2em;
|
||||||
width: 0;
|
color: #02123e;
|
||||||
border-bottom: 1px solid currentColor;
|
&::after {
|
||||||
transition: width .2s ease-out;
|
display: block;
|
||||||
}
|
content: '';
|
||||||
&:hover {
|
width: 0;
|
||||||
color: #2566f4;
|
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;
|
&__contact-col {
|
||||||
white-space: nowrap;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
&__login-btn {
|
&__contact-btn,
|
||||||
margin-left: 1.5em;
|
&__login-btn {
|
||||||
}
|
min-width: 80px;
|
||||||
&__uppermenu {
|
white-space: nowrap;
|
||||||
margin-bottom: 0.75rem;
|
}
|
||||||
align-items: center;
|
&__login-btn {
|
||||||
line-height: 1.0;
|
margin-left: 1.5em;
|
||||||
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 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 {
|
.mobile-view-social-join {
|
||||||
@media screen and (min-width: $lg) {
|
@media screen and (min-width: $lg) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.social__list {
|
.social__list {
|
||||||
&.desktop-view {
|
&.desktop-view {
|
||||||
@media screen and (max-width: $lg) {
|
@media screen and (max-width: $lg) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.social__item {
|
.social__item {
|
||||||
@media screen and (min-width:$lg) and (max-width: $xxl) {
|
@media screen and (min-width:$lg) and (max-width: $xxl) {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.mobile-view {
|
|
||||||
display: flex;
|
&.mobile-view {
|
||||||
align-items: center;
|
display: flex;
|
||||||
justify-content: center;
|
align-items: center;
|
||||||
}
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.join-us-button, .login-button {
|
}
|
||||||
&.desktop-view {
|
|
||||||
@media screen and (max-width: $lg) {
|
.join-us-button,
|
||||||
display: none;
|
.login-button {
|
||||||
}
|
&.desktop-view {
|
||||||
a {
|
@media screen and (max-width: $lg) {
|
||||||
@media screen and (min-width:$lg) and (max-width: $xxl) {
|
display: none;
|
||||||
max-width: 80px;
|
}
|
||||||
height: auto;
|
a {
|
||||||
padding: 0.375rem 0;
|
@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;
|
&.mobile-view {
|
||||||
}
|
margin:auto;
|
||||||
|
width: 97px;
|
||||||
|
min-width: 97px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,75 +1,84 @@
|
|||||||
.home.promo__section {
|
.home.promo__section {
|
||||||
min-height: 820px;
|
min-height: 820px;
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
&.home {
|
&.home {
|
||||||
@media screen and (max-width: $lg) {
|
@media screen and (max-width: $lg) {
|
||||||
padding-top: 50px;
|
padding-top:50px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
|
||||||
padding-top: 70px;
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||||
}
|
padding-top:70px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post__article {
|
.post__article {
|
||||||
position: relative;
|
position: relative;
|
||||||
&:not(:last-child) {
|
&:not(:last-child) {
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.post__title {
|
.post__title {
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
&::before {
|
&::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
content: '';
|
content: '';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.teaser {
|
.teaser {
|
||||||
&__section {
|
&__section {
|
||||||
padding: 5.625rem 0;
|
padding: 5.625rem 0;
|
||||||
&._dark {
|
&._dark {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #1b1c1f;
|
background-color: #1b1c1f;
|
||||||
@media screen and (max-width: $lg) {
|
|
||||||
padding: 3.5rem 0;
|
@media screen and (max-width: $lg) {
|
||||||
}
|
padding: 3.5rem 0;
|
||||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
}
|
||||||
padding: 4.4rem 0;
|
|
||||||
}
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||||
}
|
padding: 4.4rem 0;
|
||||||
&._navy {
|
}
|
||||||
background-color: #acc8fa;
|
}
|
||||||
}
|
&._navy {
|
||||||
}
|
background-color: #acc8fa;
|
||||||
&__title {
|
}
|
||||||
margin-bottom: 1em;
|
}
|
||||||
@media screen and (max-width: $lg) {
|
&__title {
|
||||||
margin-top: 0.6em;
|
margin-bottom: 1em;
|
||||||
}
|
|
||||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
@media screen and (max-width: $lg) {
|
||||||
margin-top: 0.8em;
|
margin-top: 0.6em;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
&__form {
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||||
margin-top: 4.1em;
|
margin-top: 0.8em;
|
||||||
@media screen and (max-width: $lg) {
|
}
|
||||||
margin-top: 2em;
|
|
||||||
}
|
}
|
||||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
&__form {
|
||||||
margin-top: 3em;
|
margin-top: 4.1em;
|
||||||
}
|
|
||||||
}
|
@media screen and (max-width: $lg) {
|
||||||
&__info {
|
margin-top: 2em;
|
||||||
margin: 3.75rem 0;
|
}
|
||||||
padding: 3.75rem 0;
|
|
||||||
border-width: 1px;
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||||
border-style: solid none;
|
margin-top: 3em;
|
||||||
border-color: #1b1c1f;
|
}
|
||||||
}
|
}
|
||||||
}
|
&__info {
|
||||||
|
margin: 3.75rem 0;
|
||||||
|
padding: 3.75rem 0;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid none;
|
||||||
|
border-color: #1b1c1f;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -1,53 +1,55 @@
|
|||||||
.promo {
|
.promo {
|
||||||
&__section {
|
&__section {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 150px;
|
padding-top: 150px;
|
||||||
@media screen and (max-width: $lg) {
|
@media screen and (max-width: $lg) {
|
||||||
min-height: 460px;
|
min-height:460px;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
|
||||||
min-height: 580px;
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||||
}
|
min-height:580px;
|
||||||
color: #fff;
|
}
|
||||||
background-position: 50% 50%;
|
|
||||||
background-repeat: no-repeat;
|
color: #fff;
|
||||||
background-size: cover;
|
background-position: 50% 50%;
|
||||||
&::before {
|
background-repeat: no-repeat;
|
||||||
position: absolute;
|
background-size: cover;
|
||||||
left: 0;
|
&::before {
|
||||||
top: 0;
|
position: absolute;
|
||||||
right: 0;
|
left: 0;
|
||||||
bottom: 0;
|
top: 0;
|
||||||
content: '';
|
right: 0;
|
||||||
background-color: rgba(24, 38, 54, 0.4);
|
bottom: 0;
|
||||||
}
|
content: '';
|
||||||
}
|
background-color: rgba(24, 38, 54, 0.4);
|
||||||
&__container {
|
}
|
||||||
position: relative;
|
}
|
||||||
margin-bottom: 70px;
|
&__container {
|
||||||
font-size: 1.5rem;
|
position: relative;
|
||||||
@media screen and (max-width: $lg) {
|
margin-bottom: 70px;
|
||||||
padding-top: 17.5vw;
|
@media screen and (max-width: $lg) {
|
||||||
}
|
padding-top:17.5vw;
|
||||||
@media screen and (min-width: $lg) and (max-width: $xl) {
|
}
|
||||||
padding-top: 10vw;
|
|
||||||
}
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||||
.promo-wrapper {
|
padding-top:10vw;
|
||||||
width: 50%;
|
}
|
||||||
@media screen and (max-width: $lg) {
|
|
||||||
width: 100%;
|
.promo-wrapper {
|
||||||
}
|
width: 50%;
|
||||||
}
|
@media screen and (max-width: $lg) {
|
||||||
p {
|
width:100%;
|
||||||
margin-bottom: 0;
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&__title {
|
|
||||||
&._large {
|
}
|
||||||
font-size: calc(1.525rem + 3.3vw);
|
&__title {
|
||||||
@media (min-width: 1200px) {
|
&._large {
|
||||||
font-size: 4rem;
|
font-size: calc(1.525rem + 3.3vw);
|
||||||
}
|
@media (min-width: 1200px) {
|
||||||
}
|
font-size: 4rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue