1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- .responsive-small {
- display: block;
- }
- .responsive-large {
- display: none;
- }
- .responsive-large {
- @include width-small {
- display: block;
- }
- }
- .responsive-small {
- @include width-small {
- display: none;
- }
- }
- .info-container {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- border: var(--gold-2);
- background-image: url("/assets/images/texture-0.jpg");
- box-shadow: var(--shadow);
- border-radius: 10px;
- height: 6rem;
- width: 7rem;
- @include width-small {
- width: 10rem;
- }
- }
- .info-input {
- border: none;
- outline: none;
- text-align: center;
- background-color: transparent;
- width: 5rem;
- margin-top: 0.375rem;
- font-size: 2rem;
- font-weight: 600;
- }
- .info-input::-webkit-outer-spin-button,
- .info-input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- appearance: none;
- margin: 0;
- }
- .info-label {
- font-size: 1.25rem;
- font-weight: 600;
- text-align: center;
- padding: 0.25rem 0.5rem;
- }
|