Merge pull request 'Change button names' (#2) from change-color-of-buttons into main
All checks were successful
deployment / deployment (push) Successful in 19s
All checks were successful
deployment / deployment (push) Successful in 19s
Reviewed-on: #2
This commit is contained in:
commit
7b51b3414d
3 changed files with 17 additions and 7 deletions
|
@ -27,18 +27,28 @@ h1, h1 a {
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.green {
|
.btn.primary {
|
||||||
color: #020;
|
color: #220;
|
||||||
background-color: #6f3;
|
background-color: #fcbb06;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.green:hover ,.btn.green:focus {
|
.btn.primary:hover,.btn.primary:focus {
|
||||||
|
background-color: #ffcc33;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.grn {
|
||||||
|
color: #020;
|
||||||
|
background-color: #9f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.grn:hover ,.btn.grn: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 {
|
||||||
|
|
|
@ -50,6 +50,6 @@
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<button id="delete" class="btn red" autocomplete="off">Delete</button>
|
<button id="delete" class="btn red" autocomplete="off">Delete</button>
|
||||||
<button id="save" class="btn green" autocomplete="off">Save</button>
|
<button id="save" class="btn primary" autocomplete="off">Save</button>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -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