tab/app/assets/stylesheets/landing.css.scss
2017-01-14 22:54:07 +01:00

117 lines
1.8 KiB
SCSS

.landing_columns {
& > div {
border-style: solid;
border-color: black;
border-width: 0;
text-align: center;
@media screen and (min-width: 48em) {
border-width: 0 1px;
padding: 1em 3em;
&:first-child {
text-align: right;
border-left: 0;
}
&:last-child {
text-align: left;
border-right: 0;
}
a.login-button {
margin: 2em 2em 0 0;
}
}
}
}
a.login-button {
font-size: 200%;
}
.full-table {
width: 100%;
}
.landing-column {
padding: 1em;
}
.columns-title {
text-align: center;
}
.shame-percentage {
text-align: right
}
.transaction {
border-bottom: 1px solid #c7d0d5;
padding: 15px 10px;
font-size: 16px;
color: rgb(45, 54, 59);
.transaction-calendar {
float: left;
text-align: center;
color: #adbac2;
line-height: 1.1;
margin-top: 0.125em;
.transaction-day {
font-size: 1.125em;
display: block;
}
.transaction-month {
font-size: 0.750em;
text-transform: uppercase;
display: block;
}
}
.transaction-block {
padding-left: 3.500em;
.transaction-block-l {
width: 75%;
float: left;
.transaction-message {
margin: 0;
color: #0072ae;
font-size: 1em;
text-transform: uppercase;
}
.transaction-issuer {
display: inline-block;
color: #90949c;
font-size: 70%;
}
}
.transaction-block-r {
width: 25%;
float: left;
text-align: right;
}
}
}
.request {
h4 {
margin: 0;
color: #0072ae;
font-size: 1em;
text-transform: uppercase;
}
}
.notification ,.request {
border-top: 1px solid #c7d0d5;
padding: 15px 10px;
.actions {
text-align: right;
}
}