mirror of
https://github.com/conventional-commits/conventionalcommits.org.git
synced 2025-08-27 08:15:32 +00:00
style: Welcome page tweaks for long texts
This commit is contained in:
parent
636fe61b7c
commit
1d86d5ffcc
@ -18,7 +18,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
font-size: 3em;
|
font-size: 2.6em;
|
||||||
margin-bottom: $gap-sm;
|
margin-bottom: $gap-sm;
|
||||||
@include desktop {
|
@include desktop {
|
||||||
font-size: 3.6em;
|
font-size: 3.6em;
|
||||||
@ -27,6 +27,10 @@
|
|||||||
|
|
||||||
&__description {
|
&__description {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
width: 100%;
|
||||||
|
@include desktop {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__actions {
|
&__actions {
|
||||||
@ -41,13 +45,13 @@
|
|||||||
color: $welcome-action-color;
|
color: $welcome-action-color;
|
||||||
border: 1px solid $welcome-action-color;
|
border: 1px solid $welcome-action-color;
|
||||||
margin-right: $gap-md;
|
margin-right: $gap-md;
|
||||||
transition: background-color .3s ease, color .3s ease;
|
transition: background-color 0.3s ease, color 0.3s ease;
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $welcome-action-color;
|
background-color: $welcome-action-color;
|
||||||
color: get-color-accessible-for-background($welcome-action-color)
|
color: get-color-accessible-for-background($welcome-action-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -77,4 +81,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user