123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- @import './adaptivefont.scss';
- .page {
- display: flex;
- height: 89vh;
- overflow: none;
- &__window {
- width: 80%;
- height: inherit;
- overflow: auto;
- }
- }
- .startpage {
- &__ulwrapper {
- width: 50%;
- margin: 0 auto;
- ul {
- text-align: start;
- small {
- color: whitesmoke;
- }
- }
- }
- }
- .playlist {
- background-color: #1e1d45;
- height: fit-content;
- width: 90%;
- margin: 0 auto;
- padding: 1% 2%;
- &__track {
- display: flex;
- align-items: center;
- background-color: #2a3da941;
- margin: 10px;
- padding: 2% 0;
- color: #83d6f6;
- box-shadow: 0 0 5px black;
- button {
- display: block;
- background-color: #1e1d45;
- border-style: solid;
- font-size: x-large;
- padding: 1%;
- margin: 0 5%;
- }
- small,
- strong {
- display: block;
- }
- .artist {
- @include adaptive-font(16, 12);
- font-weight: 700;
- text-align: start;
- }
- .album {
- @include adaptive-font(14, 10);
- font-weight: 400;
- text-align: start;
- }
- .title {
- @include adaptive-font(18, 13);
- //font-size: large;
- font-weight: 700;
- text-align: start;
- }
- }
- }
|