@@ -26,19 +26,19 @@ button {
|
|||||||
padding: 0.2em;
|
padding: 0.2em;
|
||||||
}
|
}
|
||||||
.red {
|
.red {
|
||||||
background-color: red;
|
background: radial-gradient(#fb9a9a,#fc7373,red);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.yellow {
|
.yellow {
|
||||||
background-color: yellow;
|
background: radial-gradient(#fbfb9a,#fcfc73,yellow);
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.blue {
|
.blue {
|
||||||
background-color: blue;
|
background: radial-gradient(#9a9afb,#7373fc,blue);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.green {
|
.green {
|
||||||
background-color: green;
|
background: radial-gradient(#98c998,#72b772,green);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.white {
|
.white {
|
||||||
@@ -47,7 +47,7 @@ button {
|
|||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.black {
|
.black {
|
||||||
background-color: black;
|
background: radial-gradient(#969696,#757575,black);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.button.white {
|
.button.white {
|
||||||
@@ -186,7 +186,7 @@ nav {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.arrow {
|
.arrow {
|
||||||
background-color: magenta;
|
background-color: black;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@@ -195,7 +195,7 @@ nav {
|
|||||||
.arrow::after {
|
.arrow::after {
|
||||||
content: '';
|
content: '';
|
||||||
border-top: 10px solid transparent;
|
border-top: 10px solid transparent;
|
||||||
border-left: 20px solid magenta;
|
border-left: 20px solid black;
|
||||||
border-bottom: 10px solid transparent;
|
border-bottom: 10px solid transparent;
|
||||||
height: 0;
|
height: 0;
|
||||||
width: 0;
|
width: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user