basti
b02967c5ef
Adds a details pane for contribution records, similar to contributor profiles. Just the basic details for now. Can be extended with all kinds of data, links, icons, etc. from here on.
110 lines
2.0 KiB
SCSS
110 lines
2.0 KiB
SCSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
font-size: 14px;
|
|
}
|
|
|
|
*:hover, *:active, *:focus {
|
|
outline: none;
|
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
@import "mediaqueries";
|
|
@import "layout";
|
|
@import "colors";
|
|
|
|
$font-family-sans: 'Open Sans', sans-serif;
|
|
|
|
body {
|
|
font-family: $font-family-sans;
|
|
font-weight: 300;
|
|
background-image: linear-gradient(to bottom, rgba(22, 21, 40, .4), rgba(0, 0, 0, .75)), url('/img/bg.jpg');
|
|
background-repeat: none;
|
|
background-attachment: fixed;
|
|
color: $body-text-color;
|
|
}
|
|
|
|
@media screen and (min-width: 900px) {
|
|
body {
|
|
background-size: cover;
|
|
}
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, input, button {
|
|
font-family: $font-family-sans;
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
}
|
|
|
|
section {
|
|
h2 {
|
|
font-size: 1.4rem;
|
|
color: $primary-color;
|
|
}
|
|
|
|
&#people {
|
|
.content {
|
|
p.stats {
|
|
margin-bottom: 1rem;
|
|
font-size: 1rem;
|
|
color: white;
|
|
text-align: center;
|
|
span.number {
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&#contributions-by-type {
|
|
.chart {
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
@include media-max(small) {
|
|
width: 75%;
|
|
}
|
|
}
|
|
}
|
|
|
|
&#proposals-open, &#proposals-closed {
|
|
.actions {
|
|
padding-top: 3rem;
|
|
font-size: 1rem;
|
|
color: $primary-color;
|
|
text-align: center;
|
|
@include media-max(small) {
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
a {
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 550px) {
|
|
section {
|
|
h2 {
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
@import "buttons";
|
|
@import "forms";
|
|
|
|
@import "components/contribution-list";
|
|
@import "components/contribution-details";
|
|
@import "components/contributor-list";
|
|
@import "components/contributor-profile";
|
|
@import "components/external-account-link";
|
|
@import "components/loading-spinner";
|
|
@import "components/proposal-list";
|
|
@import "components/topbar";
|
|
@import "components/user-avatar";
|