Save
This commit is contained in:
Roman Pyrih
@@ -3,7 +3,7 @@ $container-max-widths: (
|
||||
md: 720px,
|
||||
lg: 960px,
|
||||
xl: 1140px,
|
||||
xxl: 1370px,
|
||||
xxl: 1310px,
|
||||
);
|
||||
|
||||
$breakpoints: (
|
||||
@@ -11,7 +11,7 @@ $breakpoints: (
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1200px,
|
||||
xxl: 1400px,
|
||||
xxl: 1370px,
|
||||
);
|
||||
|
||||
@mixin respond-above($breakpoint) {
|
||||
|
||||
@@ -1,3 +1,12 @@
|
||||
@import '../assets/fonts/HelveticaNeue/stylesheet.css';
|
||||
* {
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
@@ -25,8 +34,123 @@
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
@media (min-width: 1370px) {
|
||||
.container {
|
||||
max-width: 1370px;
|
||||
max-width: 1310px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_1, header#masthead .row .main-navigation-secondary li:nth-child(1) a {
|
||||
color: #232323 !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: rgba(139, 139, 139, 0.1);
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.btn_1:hover, header#masthead .row .main-navigation-secondary li:nth-child(1) a:hover {
|
||||
color: #ffffff !important;
|
||||
background: #232323;
|
||||
}
|
||||
|
||||
.btn_2, header#masthead .row .main-navigation-secondary li:nth-child(2) a {
|
||||
color: #ffffff !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: #d9ba5c;
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.btn_2:hover, header#masthead .row .main-navigation-secondary li:nth-child(2) a:hover {
|
||||
background: #ba962b;
|
||||
}
|
||||
|
||||
.btn_3 {
|
||||
color: #d9ba5c !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: rgba(217, 186, 92, 0.1);
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.btn_3:hover {
|
||||
color: #ffffff !important;
|
||||
background: #d9ba5c;
|
||||
}
|
||||
|
||||
.btn_4 {
|
||||
color: #d9ba5c !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: #ffffff;
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.btn_4:hover {
|
||||
color: #ffffff !important;
|
||||
background: #d9ba5c;
|
||||
}
|
||||
|
||||
.btn_5 {
|
||||
color: #d9ba5c !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.btn_5:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
header#masthead {
|
||||
height: 77px;
|
||||
}
|
||||
header#masthead .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
height: 77px;
|
||||
}
|
||||
header#masthead .row .site-branding img {
|
||||
width: 246px;
|
||||
min-width: 246px;
|
||||
}
|
||||
header#masthead .row nav#site-navigation ul#primary-menu {
|
||||
gap: 50px;
|
||||
justify-content: center;
|
||||
}
|
||||
header#masthead .row nav#site-navigation ul#primary-menu li a {
|
||||
color: #232323;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
}
|
||||
header#masthead .row .main-navigation-secondary {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
}/*# sourceMappingURL=custom.css.map */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["custom.scss","custom.css","_mixins.scss"],"names":[],"mappings":"AAEA;EACC,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;ACDD;ADKG;EATH;IAUI,gBEZmB;EDUrB;AACF;ADIG;EAbH;IAcI,gBEhBmB;EDerB;AACF;ADGG;EAjBH;IAkBI,gBEpBmB;EDoBrB;AACF;ADEG;EArBH;IAsBI,iBExBmB;EDyBrB;AACF;ADCG;EAzBH;IA0BI,iBE5BmB;ED8BrB;AACF","file":"custom.css"}
|
||||
{"version":3,"sources":["custom.scss","custom.css","_mixins.scss"],"names":[],"mappings":"AAAQ,sDAAA;AAaR;EACC,yCALgB;ACNjB;;ADcA;EACC,qBAAA;ACXD;;ADcA;EACC,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;ACXD;ADeG;EATH;IAUI,gBE/BmB;EDmBrB;AACF;ADcG;EAbH;IAcI,gBEnCmB;EDwBrB;AACF;ADaG;EAjBH;IAkBI,gBEvCmB;ED6BrB;AACF;ADYG;EArBH;IAsBI,iBE3CmB;EDkCrB;AACF;ADWG;EAzBH;IA0BI,iBE/CmB;EDuCrB;AACF;;ADaA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,oCAAA;EACA,sBAAA;EACA,iCAAA;ACXD;ADaC;EACC,yBAAA;EACA,mBA7DO;ACkDT;;ADeA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mBA7EO;EA8EP,sBAAA;EACA,iCAAA;ACbD;ADeC;EACC,mBAjFQ;ACoEV;;ADiBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mCAAA;EACA,sBAAA;EACA,iCAAA;ACfD;ADiBC;EACC,yBAAA;EACA,mBArGM;ACsFR;;ADmBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mBAnHQ;EAoHR,sBAAA;EACA,iCAAA;ACjBD;ADmBC;EACC,yBAAA;EACA,mBAxHM;ACuGR;;ADqBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,iCAAA;AClBD;ADoBC;EACC,0BAAA;AClBF;;ADsBA;EACC,YAnIe;ACgHhB;ADqBC;EACC,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,qBAAA;OAAA,gBAAA;EAEA,YA5Ic;ACwHhB;ADuBG;EACC,YAAA;EACA,gBAAA;ACrBJ;AD0BG;EACC,SAAA;EACA,uBAAA;ACxBJ;AD2BK;EACC,cAhKG;EAiKH,eAAA;EACA,gBAAA;EACA,cAAA;ACzBN;AD+BE;EACC,UAAA;EACA,SAAA;EACA,gBAAA;EAEA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,SAAA;AC9BH","file":"custom.css"}
|
||||
@@ -1,5 +1,24 @@
|
||||
@import '../assets/fonts/HelveticaNeue/stylesheet.css';
|
||||
@import '_mixins';
|
||||
|
||||
$cWhite: #ffffff;
|
||||
$cGold: #d9ba5c;
|
||||
$cGolder: #ba962b;
|
||||
$cGray: #8b8b8b;
|
||||
$cBlack: #232323;
|
||||
|
||||
$fHelveticaNeue: 'Helvetica Neue', sans-serif;
|
||||
|
||||
$header-height: 77px;
|
||||
|
||||
* {
|
||||
font-family: $fHelveticaNeue;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
@@ -25,9 +44,163 @@
|
||||
max-width: $max;
|
||||
}
|
||||
} @else if $breakpoint == xxl {
|
||||
@media (min-width: 1400px) {
|
||||
@media (min-width: 1370px) {
|
||||
max-width: $max;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn_1 {
|
||||
color: $cBlack !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: rgba($cGray, 0.1);
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
color: $cWhite !important;
|
||||
background: $cBlack;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_2 {
|
||||
color: $cWhite !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: $cGold;
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
background: $cGolder;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_3 {
|
||||
color: $cGold !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: rgba($cGold, 0.1);
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
color: $cWhite !important;
|
||||
background: $cGold;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_4 {
|
||||
color: $cGold !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
|
||||
display: inline-block;
|
||||
padding: 15px 24px 13px;
|
||||
border-radius: 100px;
|
||||
background: $cWhite;
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
color: $cWhite !important;
|
||||
background: $cGold;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_5 {
|
||||
color: $cGold !important;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
text-wrap-mode: nowrap;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
header#masthead {
|
||||
height: $header-height;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
column-gap: 40px;
|
||||
|
||||
height: $header-height;
|
||||
|
||||
.site-branding {
|
||||
img {
|
||||
width: 246px;
|
||||
min-width: 246px;
|
||||
}
|
||||
}
|
||||
|
||||
nav#site-navigation {
|
||||
ul#primary-menu {
|
||||
gap: 50px;
|
||||
justify-content: center;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: $cBlack;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation-secondary {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
|
||||
li {
|
||||
&:nth-child(1) {
|
||||
a {
|
||||
@extend .btn_1;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
a {
|
||||
@extend .btn_2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//* Home
|
||||
body.page-id-25 {
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user