Skip to content
Snippets Groups Projects
Verified Commit c83b931e authored by Jakob Moser's avatar Jakob Moser
Browse files

Extract box style to separate class

parent 9e0c2ac3
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
css/main.css
+ 10
− 7
View file @ c83b931e
...@@ -20,22 +20,25 @@ main { ...@@ -20,22 +20,25 @@ main {
column-gap: 4em; 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 { a {
display: grid; display: grid;
height: 10em; height: 10em;
width: 10em; width: 10em;
box-shadow: var(--shadow-width) var(--shadow-width) 5px rgba(0, 0, 0, 0.5);
border-radius: 8%;
justify-items: center; justify-items: center;
align-content: center; align-content: center;
row-gap: 1em; row-gap: 1em;
text-decoration: none; text-decoration: none;
color: #144a8b; 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-bottom: var(--shadow-width);
margin-right: var(--shadow-width); margin-right: var(--shadow-width);
} }
......
index.html
+ 4
− 4
View file @ c83b931e
...@@ -10,10 +10,10 @@ ...@@ -10,10 +10,10 @@
<body> <body>
<main> <main>
<a 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/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 class="box" 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 class="box" 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/docs/Kalender"><i class="fa-regular fa-calendar-days"></i> Kalender</a>
</main> </main>
</body> </body>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment