Skip to content

Commit 8966436

Browse files
committed
Style the featured downloads
1 parent 0211593 commit 8966436

File tree

2 files changed

+84
-0
lines changed

2 files changed

+84
-0
lines changed

static/sass/style.css

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2113,6 +2113,50 @@ table tfoot {
21132113
.download-widget p:last-child a {
21142114
white-space: nowrap; }
21152115

2116+
.featured-downloads-list {
2117+
display: flex;
2118+
flex-wrap: wrap;
2119+
gap: 1.5em;
2120+
justify-content: center;
2121+
margin-bottom: 2em; }
2122+
2123+
.featured-download-box {
2124+
background-color: #f2f4f6;
2125+
border: 1px solid #caccce;
2126+
border-radius: 5px;
2127+
display: flex;
2128+
flex: 1 1 300px;
2129+
flex-direction: column;
2130+
min-width: 250px;
2131+
max-width: 400px;
2132+
padding: 1.25em; }
2133+
.featured-download-box h3 {
2134+
margin-top: 0; }
2135+
.featured-download-box .button {
2136+
background-color: #ffd343;
2137+
*zoom: 1;
2138+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFDF76', endColorstr='#FFFFD343');
2139+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffdf76), color-stop(90%, #ffd343));
2140+
background-image: -webkit-linear-gradient(#ffdf76 10%, #ffd343 90%);
2141+
background-image: -moz-linear-gradient(#ffdf76 10%, #ffd343 90%);
2142+
background-image: -o-linear-gradient(#ffdf76 10%, #ffd343 90%);
2143+
background-image: linear-gradient(#ffdf76 10%, #ffd343 90%);
2144+
border: 1px solid #dca900;
2145+
white-space: normal; }
2146+
.featured-download-box .button:hover, .featured-download-box .button:active {
2147+
background-color: inherit;
2148+
background-color: #ffd343;
2149+
*zoom: 1;
2150+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFEBA9', endColorstr='#FFFFD343');
2151+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffeba9), color-stop(90%, #ffd343));
2152+
background-image: -webkit-linear-gradient(#ffeba9 10%, #ffd343 90%);
2153+
background-image: -moz-linear-gradient(#ffeba9 10%, #ffd343 90%);
2154+
background-image: -o-linear-gradient(#ffeba9 10%, #ffd343 90%);
2155+
background-image: linear-gradient(#ffeba9 10%, #ffd343 90%); }
2156+
.featured-download-box .download-buttons {
2157+
margin-bottom: 0;
2158+
text-align: center; }
2159+
21162160
.time-posted {
21172161
display: block;
21182162
font-size: 0.875em;

static/sass/style.scss

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1098,6 +1098,46 @@ $colors: $blue, $psf, $yellow, $green, $purple, $red;
10981098
p:last-child a { white-space: nowrap; }
10991099
}
11001100

1101+
.featured-downloads-list {
1102+
display: flex;
1103+
flex-wrap: wrap;
1104+
gap: 1.5em;
1105+
justify-content: center;
1106+
margin-bottom: 2em;
1107+
}
1108+
1109+
.featured-download-box {
1110+
background-color: $grey-lighterest;
1111+
border: 1px solid $default-border-color;
1112+
border-radius: 5px;
1113+
display: flex;
1114+
flex: 1 1 300px;
1115+
flex-direction: column;
1116+
min-width: 250px;
1117+
max-width: 400px;
1118+
padding: 1.25em;
1119+
1120+
h3 {
1121+
margin-top: 0;
1122+
}
1123+
1124+
.button {
1125+
@include vertical-gradient( lighten($yellow, 10%), $yellow );
1126+
border: 1px solid darken($yellow, 20%);
1127+
white-space: normal;
1128+
1129+
&:hover, &:active {
1130+
background-color: inherit;
1131+
@include vertical-gradient( lighten($yellow, 20%), $yellow );
1132+
}
1133+
}
1134+
1135+
.download-buttons {
1136+
margin-bottom: 0;
1137+
text-align: center;
1138+
}
1139+
}
1140+
11011141
.documentation-widget { }
11021142

11031143
.jobs-widget { }

0 commit comments

Comments
 (0)