website/app/css/modals/update-exercise.css at f36d10d1908e26a6a158ca98fae8d59ef52d5261 · exercism/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
@import "../styles";

.m-update-exercise {
    & .--modal-content {
        @apply flex flex-col;
        width: 80%;
    }
    &:has(.auto-updated-notice) .--modal-content {
        max-width: 500px;
    }
    & .header {
        @apply mb-16;
        & h2 {
            @apply text-h3;
            @apply flex items-center;

            & .c-exercise-icon {
                height: 48px;
                width: 48px;
                @apply mx-16;
            }
        }
    }
    & .tabs {
        @apply flex items-center flex-shrink-0;
        @apply overflow-y-auto;
        @apply pb-8 mb-8;
        & .c-tab {
            line-height: 38px;
        }
    }
    & .--tab-panel {
        overflow: scroll;
        @apply border-1 border-borderColor6 rounded-5;
        @apply mb-16;
    }
    & .warning {
        @apply text-textColor6 leading-160;
        @apply mb-24;
    }
    & form {
        @apply flex items-center;
        & .btn-primary {
            @apply mr-32;
        }
        & .dismiss-btn {
            @apply text-prominentLinkColor font-semibold text-16 leading-200;
        }
    }
}