Verified Commit c83b931e authored by Jakob Moser's avatar Jakob Moser
Browse files

Extract box style to separate class

parent 9e0c2ac3

css/main.css

+10 −7
Changes for css/main.css: 10 added lines, 7 removed lines.
Original line number Diff line number Diff line
@@ -20,22 +20,25 @@ main { 
    column-gap: 4em;

}



.box {

    border-radius: 1em;

    box-shadow: var(--shadow-width) var(--shadow-width) 5px rgba(0, 0, 0, 0.5);

    background: radial-gradient(

        circle,

        rgba(255, 255, 255, 1) 0%,

        rgba(255, 255, 255, 0.85) 100%

    );

}



a {

    display: grid;

    height: 10em;

    width: 10em;

    box-shadow: var(--shadow-width) var(--shadow-width) 5px rgba(0, 0, 0, 0.5);

    border-radius: 8%;

    justify-items: center;

    align-content: center;

    row-gap: 1em;

    text-decoration: none;

    color: #144a8b;

    background: radial-gradient(

        circle,

        rgba(255, 255, 255, 1) 0%,

        rgba(255, 255, 255, 0.85) 100%

    );

    margin-bottom: var(--shadow-width);

    margin-right: var(--shadow-width);

}

index.html

+4 −4
Changes for index.html: 4 added lines, 4 removed lines.
Original line number Diff line number Diff line
@@ -10,10 +10,10 @@ 


<body>

    <main>

        <a target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/meet"><i class="fa-solid fa-phone-volume"></i> Meeting</a>

        <a target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/tickets"><i class="fa-regular fa-envelope"></i> Tickets</a>

        <a target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/todo"><i class="fa-solid fa-list-check"></i> Todo</a>

        <a target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/docs/Kalender"><i class="fa-regular fa-calendar-days"></i> Kalender</a>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/meet"><i class="fa-solid fa-phone-volume"></i> Meeting</a>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/tickets"><i class="fa-regular fa-envelope"></i> Tickets</a>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/todo"><i class="fa-solid fa-list-check"></i> Todo</a>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/docs/Kalender"><i class="fa-regular fa-calendar-days"></i> Kalender</a>

    </main>

</body>