Change button names #2
2 changed files with 14 additions and 4 deletions
|
@ -28,17 +28,27 @@ h1, h1 a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.primary {
|
.btn.primary {
|
||||||
color: #020;
|
color: #220;
|
||||||
background-color: #6f3;
|
background-color: #fcbb06;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.primary:hover ,.btn.primary:focus {
|
.btn.primary:hover ,.btn.primary:focus {
|
||||||
|
background-color: #ffcc33;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.grn {
|
||||||
|
color: #020;
|
||||||
|
background-color: #9f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.grn:hover ,.btn.primary:focus {
|
||||||
background-color: #3f0;
|
background-color: #3f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.btn.red {
|
.btn.red {
|
||||||
color: #200;
|
color: #200;
|
||||||
background-color: #f36;
|
background-color: #f48;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.red:hover, .btn.red:focus {
|
.btn.red:hover, .btn.red:focus {
|
||||||
|
|
|
@ -38,7 +38,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<a href="form.html" class="btn green">+</a>
|
<a href="form.html" class="btn primary">+</a>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue