Save
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Swanky+and+Moo+Moo&display=swap');
|
||||
|
||||
$cYellow: #ffd024;
|
||||
$cYellowLight: #ffe37c;
|
||||
@@ -8,6 +9,7 @@ $cTxtBlack: #191919;
|
||||
$cTxtBlack2: #2a2a2a;
|
||||
|
||||
$fPoppins: 'Poppins', sans-serif;
|
||||
$fSwanky: 'Swanky and Moo Moo', sans-serif;
|
||||
|
||||
//! Global - start
|
||||
* {
|
||||
@@ -108,10 +110,26 @@ header#main-header {
|
||||
&-1 {
|
||||
width: calc((100% - 100px) / 3);
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 250px;
|
||||
}
|
||||
span {
|
||||
color: #dd222a;
|
||||
font-family: $fSwanky;
|
||||
font-size: 24px;
|
||||
width: 100%;
|
||||
max-width: 250px;
|
||||
text-align: center;
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
width: calc((100% - 100px) / 3);
|
||||
@@ -134,6 +152,7 @@ header#main-header {
|
||||
}
|
||||
&-3 {
|
||||
width: calc((100% - 100px) / 3);
|
||||
height: 80px;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
@@ -178,18 +197,26 @@ header#main-header {
|
||||
max-width: 80px;
|
||||
}
|
||||
|
||||
.btn-social {
|
||||
display: inline-flex;
|
||||
padding: 5px 10px;
|
||||
background: rgba(0, 133, 237, 1);
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: max-content;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
// .btn-social {
|
||||
// display: inline-flex;
|
||||
// padding: 5px 10px;
|
||||
// background: rgba(0, 133, 237, 1);
|
||||
// flex-direction: row;
|
||||
// align-items: center;
|
||||
// width: max-content;
|
||||
// color: #fff;
|
||||
// border-radius: 5px;
|
||||
|
||||
.text {
|
||||
font-size: 12px;
|
||||
// .text {
|
||||
// font-size: 12px;
|
||||
// }
|
||||
// }
|
||||
|
||||
&.box-social-header-1 {
|
||||
a {
|
||||
img {
|
||||
max-width: 90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user