Skip to content

Instantly share code, notes, and snippets.

@thisisabhinay

thisisabhinay/index.html

Created March 16, 2022 07:24
Show Gist options
  • Save thisisabhinay/cdf9a97b5c73be0a93e141bf4158d59f to your computer and use it in GitHub Desktop.
Save thisisabhinay/cdf9a97b5c73be0a93e141bf4158d59f to your computer and use it in GitHub Desktop.
Download ZIP
Static Pages - Colors
Raw
index.html
<div class="wrapper">
<div class="d d-1"></div>
<div class="d d-2"></div>
<div class="d d-3"></div>
<div class="d d-4"></div>
<div class="d d-5"></div>
<div class="d d-6"></div>
<div class="d d-7"></div>
</div>
Raw
style.css
:root {
--color-white: #ffffff;
--color-black-deep: #0e0d0e;
--color-dark-normal: #172b4d;
--color-grey-4: #6b788d;
--color-off-white: #f8f9fa;
--color-primary: #6e40ff;
--color-primary-light: #f9f8fe;
}
.wrapper {
display: flex;
}
.d {
height: 100px;
width: 100px;
border: 2px solid #000;
margin-right: 20px;
border-radius: 16px;
}
.d-1 {
background: var(--color-white);
}
.d-2 {
background: var(--color-black-deep);
}
.d-3 {
background: var(--color-dark-normal);
}
.d-4 {
background: var(--color-grey-4);
}
.d-5 {
background: var(--color-off-white);
}
.d-6 {
background: var(--color-primary);
}
.d-7 {
background: var(--color-primary-light);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment