val-do.com დიზაინ სისტემა

ეს გვერდი წარმოადგენს val-do.com-ის დიზაინ სისტემის გაცნობით დოკუმენტაციას და კომპონენტების ვიზუალურ დემოს.

variables

assets/styles/components/variables.cssassets/styles/components/variables.min.css

--primary: #1e201e

--primary-invert: #f9f9f9

--primary-solid: #141614

--blue: #6895d2

--dodger-blue: dodgerblue

--dark-grey: #3c3d37

--light-blue: #d9e9ff

--light-grey: #f9f9f9

--grey: #ccc

--yellow: #fde767

--orange: #f3b95f

--red: #d04848

--green: #4caf50

--body-bg: #fff

--text-color: #111

--dark-blue: #0000b7

--text-color: #fff

--body-bg: #1e201e

--primary: #f9f9f9

--primary-invert: #1e201e

--light-grey: #646464

--yellow: #e4c300

.your-element {
  background-color: var(--primary);
  color: var(--primary-invert);
}