Merge pull request 'Change button names' (#2) from change-color-of-buttons into main
All checks were successful
deployment / deployment (push) Successful in 19s

Reviewed-on: #2
This commit is contained in:
snoopy 2024-05-01 00:18:23 +02:00
commit 7b51b3414d
3 changed files with 17 additions and 7 deletions

View file

@ -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 {

View file

@ -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>

View file

@ -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>