x
1
2
<html>3
<head>4
<style>5
body6
{7
background-color: #6c5ce7;8
color:#ffffff;9
}10
11
h1 12
{13
border-bottom: 2px solid #6c5ce7;14
}15
16
.container {17
color: #6c5ce7;18
background-color: #ffffff;19
padding: 15px;20
margin-top:10px;21
}22
23
button {24
background-color: #6c5ce7;25
color: #ffffff;26
border: 1px solid var(--purple);27
padding: 5px;28
}29
</style>30
</head>31
<body>32
33
<h1>Before CSS variables</h1>34
35
<div class="container">36
<h2>Title Lorem Ipsum</h2>37
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p>38
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p>39
<button>More</button>40
</div>41
42
<div class="container">43
<h2>Title Lorem Ipsum</h2>44
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p>45
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p>46
<button>More</button>47
</div>48
49
</body>50
</html>