exercises

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

checkout.component.scss (1043B)

      1 form {
      2     font-size: .90rem;
      3 }
      4 
      5 input {
      6     font-size: .85rem;
      7 }
      8 
      9 .list-group-item {
     10     cursor: pointer;
     11     transition: background-color 0.2s ease;
     12 
     13     &:hover {
     14         background-color: var(--bs-light);
     15     }
     16 
     17     input[type="radio"] {
     18         cursor: pointer;
     19     }
     20 }
     21 
     22 // Card styling
     23 .card {
     24     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
     25 }
     26 
     27 // Form validation styling enhancements
     28 .form-control.is-invalid,
     29 .form-check-input.is-invalid {
     30     border-color: var(--bs-danger);
     31 
     32     &:focus {
     33         border-color: var(--bs-danger);
     34         box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
     35     }
     36 }
     37 
     38 .form-control.is-valid {
     39     border-color: var(--bs-success);
     40 
     41     &:focus {
     42         border-color: var(--bs-success);
     43         box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
     44     }
     45 }
     46 
     47 // Required field indicator
     48 .text-danger {
     49     font-weight: 600;
     50 }
     51 
     52 // Submit button
     53 .btn-lg {
     54     font-size: 1.1rem;
     55     padding: 0.75rem 1.5rem;
     56 }
     57 
     58 // Alert styling
     59 .alert {
     60     border-left: 4px solid var(--bs-danger);
     61 }