Breaking News: Grepper is joining You.com. Read the official announcement!

using css custom properties root

Cooperative Capybara answered on March 6, 2022 Popularity 8/10 Helpfulness 3/10

answer using css custom properties root

using css custom properties root

Comment

:root {
  --main-bg-color: brown;
}

.one {
  color: white;
  background-color: var(--main-bg-color);
  margin: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.two {
  color: white;
  background-color: black;
  margin: 10px;
  width: 150px;
  height: 70px;
  display: inline-block;
}
.three {
  color: white;
  background-color: var(--main-bg-color);
  margin: 10px;
  width: 75px;
}
.four {
  color: white;
  background-color: var(--main-bg-color);
  margin: 10px;
  width: 100px;
}

.five {
  background-color: var(--main-bg-color);
}

Popularity 8/10 Helpfulness 3/10 Language css

Source: developer.mozilla.org

Tags: css custom-properties root using

Link to this answer
Share Copy Link