1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- @import './adaptivefont.scss';
- .page {
- display: flex;
- height: 88vh;
- overflow: none;
- background-color: #100d23;
- &__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 10px 10px -2%;
- padding: 2% 0;
- color: #83d6f6;
- box-shadow: 0 0 5px black;
- button {
- display: block;
- background-color: #1e1d45;
- border-style: solid;
- @include adaptive-font(20, 20);
- //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(16, 13);
- //font-size: large;
- font-weight: 700;
- text-align: start;
- }
- }
- }
|