Style announcements

This commit is contained in:
Robbie Antenesse 2019-06-06 13:17:41 -06:00
parent a881adc667
commit e431dacd1d
11 changed files with 66 additions and 0 deletions

View File

@ -162,6 +162,22 @@
} }
.announcement {
position: relative;
padding: 0 $general-padding $general-padding;
text-align: center;
.close-button {
position: absolute;
top: 5px;
right: 5px;
font-size: 25px;
line-height: 10px;
cursor: pointer;
text-decoration: none;
}
}
.entry { .entry {
.word { .word {
display: inline-block; display: inline-block;

View File

@ -182,6 +182,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px #000000;
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -182,6 +182,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px $dark;
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -181,6 +181,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -181,6 +181,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -182,6 +182,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px #000000;
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -181,6 +181,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -181,6 +181,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -182,6 +182,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px #000000;
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -182,6 +182,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px #000000;
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);

View File

@ -182,6 +182,11 @@
} }
} }
.announcement {
background-color: saturate(lighten($footer-color, 20%), 20%);
box-shadow: 4px 4px 5px 0px #000000;
}
.entry { .entry {
background-color: $entry-color; background-color: $entry-color;
border: 1px solid darken($entry-color, 20); border: 1px solid darken($entry-color, 20);