nested css

This commit is contained in:
Zsolt Ero
2024-06-20 10:42:51 +02:00
parent bb31550910
commit 8b3bd33766
6 changed files with 205 additions and 70 deletions

View File

@@ -1,5 +1,4 @@
body {
padding-bottom: 100px;
line-height: 1.5;
font-size: 17px;
-webkit-font-smoothing: antialiased;
@@ -8,12 +7,6 @@ body {
color: #000;
}
@media (max-width: 550px) {
body {
padding-bottom: 40px;
}
}
.container {
max-width: 700px;
margin-left: auto;
@@ -46,16 +39,18 @@ h1 {
margin-top: 1em;
}
p a {
color: #333;
font-weight: bold;
text-decoration: none;
box-shadow: 0 1px 0 #adc2ee;
transition: box-shadow 200ms ease 0s;
}
p {
a {
color: #333;
font-weight: bold;
text-decoration: none;
box-shadow: 0 1px 0 #adc2ee;
transition: box-shadow 200ms ease 0s;
p a:hover {
box-shadow: 0 2px 0 #adc2ee;
&:hover {
box-shadow: 0 2px 0 #adc2ee;
}
}
}
strong {
@@ -79,14 +74,15 @@ hr {
}
.footer {
margin-top: 3em;
margin-top: 6em;
margin-bottom: 4em;
display: flex;
justify-content: space-evenly;
}
.footer a {
color: #777;
text-decoration: none;
a {
color: #777;
text-decoration: none;
}
}
.logo {
@@ -105,4 +101,24 @@ hr {
padding: 14px;
font-weight: bold;
overflow-x: auto;
}
}
.quick-start-button {
/*display: block;*/
text-decoration: none;
color: white;
font-weight: bold;
letter-spacing: 0.05rem;
font-size: 15px;
border-radius: 20px;
padding: 6px 16px;
margin-top: 15px;
background: linear-gradient(32deg, #03a9f4, transparent) #f441a5;
transition: background-color 1s;
&:hover,
&:focus {
background-color: #fdb900;
}
}