Add projects section
This commit is contained in:
parent
a0d337708e
commit
6c9c179283
8 changed files with 210 additions and 24 deletions
|
@ -34,8 +34,8 @@
|
|||
|
||||
|
||||
// Dimensions
|
||||
|
||||
--large-content-width: Min(100%, 120rem);
|
||||
|
||||
--large-content-width: Min(100%, 100rem);
|
||||
--medium-content-width: Min(100%, 80rem);
|
||||
--small-content-width: Min(100%, 40rem);
|
||||
--regular-icon-size: 2rem;
|
||||
|
@ -48,8 +48,10 @@
|
|||
|
||||
--eerie-black: #212121;
|
||||
--gray: #7A7A7A;
|
||||
--white-transparent: hsla(0, 0%, 100%, 0.8);
|
||||
--white-smoke: #F5F5F5;
|
||||
--emerald: #72C080;
|
||||
--emerald-transparent: hsla(131, 38%, 60%, 0.5);
|
||||
--granny-smith-apple: #A3F3B0;
|
||||
--middle-green: #428F53;
|
||||
--rajah: #F9B262;
|
||||
|
@ -58,8 +60,10 @@
|
|||
--primary-color-light: var(--gray);
|
||||
--primary-color-dark: black;
|
||||
--secondary-color: white;
|
||||
--secondary-color-transparent: var(--white-transparent);
|
||||
--secondary-color-dark: var(--white-smoke);
|
||||
--accent-color: var(--emerald);
|
||||
--accent-color-transparent: var(--emerald-transparent);
|
||||
--accent-color-light: var(--granny-smith-apple);
|
||||
--accent-color-dark: var(--middle-green);
|
||||
--button-gradient: linear-gradient(
|
||||
|
@ -76,6 +80,16 @@
|
|||
hsl(130deg 77% 80%) 100%
|
||||
);
|
||||
--error-color: var(--rajah);
|
||||
|
||||
// Shadows
|
||||
|
||||
--regular-box-shadow:
|
||||
0px 0px 2.8px rgba(0, 0, 0, 0.15),
|
||||
0px 0px 6.7px rgba(0, 0, 0, 0.107),
|
||||
0px 0px 12.5px rgba(0, 0, 0, 0.089),
|
||||
0px 0px 22.3px rgba(0, 0, 0, 0.074),
|
||||
0px 0px 41.8px rgba(0, 0, 0, 0.059),
|
||||
0px 0px 100px rgba(0, 0, 0, 0.041);
|
||||
}
|
||||
|
||||
// Media queries
|
||||
|
@ -105,12 +119,14 @@ h1 {
|
|||
h2 {
|
||||
font-family: var(--title-font-family);
|
||||
font-size: var(--h2-font-size);
|
||||
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: var(--title-font-family);
|
||||
font-size: var(--h3-font-size);
|
||||
font-weight: var(--medium-font-weight);
|
||||
font-weight: var(--semi-bold-font-weight);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue