cleaned styles
This commit is contained in:
parent
460c5a5cbe
commit
dfbacb66a6
65
app/app.scss
65
app/app.scss
|
@ -257,10 +257,6 @@ ActivityIndicator {
|
||||||
padding: 0 4;
|
padding: 0 4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.select {
|
|
||||||
color: $orange;
|
|
||||||
@extend .hl;
|
|
||||||
}
|
|
||||||
.t3 {
|
.t3 {
|
||||||
font-size: $t3;
|
font-size: $t3;
|
||||||
}
|
}
|
||||||
|
@ -313,12 +309,6 @@ ActivityIndicator {
|
||||||
.lastItem {
|
.lastItem {
|
||||||
margin-bottom: 128;
|
margin-bottom: 128;
|
||||||
}
|
}
|
||||||
.selected {
|
|
||||||
@extend .hl;
|
|
||||||
}
|
|
||||||
.unselected {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.imgHolder {
|
.imgHolder {
|
||||||
border-radius: 12;
|
border-radius: 12;
|
||||||
}
|
}
|
||||||
|
@ -340,9 +330,8 @@ ActivityIndicator {
|
||||||
|
|
||||||
// -----------------------------
|
// -----------------------------
|
||||||
// Settings
|
// Settings
|
||||||
.group-info {
|
.groupInfo {
|
||||||
padding: 16 16 16 72;
|
padding: 16 16 16 72;
|
||||||
line-height: 4;
|
|
||||||
&.r {
|
&.r {
|
||||||
padding: 16 72 16 16;
|
padding: 16 72 16 16;
|
||||||
}
|
}
|
||||||
|
@ -364,14 +353,11 @@ ActivityIndicator {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.listSpace {
|
|
||||||
height: 72;
|
|
||||||
}
|
|
||||||
|
|
||||||
// -----------------------------
|
// -----------------------------
|
||||||
// About
|
// About
|
||||||
.app-info {
|
.appInfo {
|
||||||
.icon {
|
.logo {
|
||||||
horizontal-alignment: center;
|
horizontal-alignment: center;
|
||||||
}
|
}
|
||||||
.name {
|
.name {
|
||||||
|
@ -390,18 +376,18 @@ ActivityIndicator {
|
||||||
margin: 24 16 0 0;
|
margin: 24 16 0 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
.imgViewer {
|
.imgV {
|
||||||
width: 96;
|
width: 96;
|
||||||
height: 96;
|
height: 96;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
background: #000;
|
background: #000;
|
||||||
}
|
}
|
||||||
.attribute {
|
.attrT {
|
||||||
margin: 8 16;
|
margin: 8 16;
|
||||||
.sub {
|
.sub {
|
||||||
font-size: $t5;
|
font-size: $t5;
|
||||||
}
|
}
|
||||||
.value {
|
.v {
|
||||||
@extend .tb;
|
@extend .tb;
|
||||||
@extend .tw;
|
@extend .tw;
|
||||||
}
|
}
|
||||||
|
@ -419,10 +405,6 @@ ActivityIndicator {
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.comb {
|
|
||||||
padding: 16 24;
|
|
||||||
line-height: 4;
|
|
||||||
}
|
|
||||||
.note {
|
.note {
|
||||||
padding: 16 24;
|
padding: 16 24;
|
||||||
line-height: 4;
|
line-height: 4;
|
||||||
|
@ -519,35 +501,16 @@ ActivityIndicator {
|
||||||
.input {
|
.input {
|
||||||
padding: 0 16 8;
|
padding: 0 16 8;
|
||||||
}
|
}
|
||||||
.description {
|
|
||||||
line-height: 4;
|
|
||||||
padding: 0 16 8;
|
|
||||||
}
|
|
||||||
ListPicker {
|
ListPicker {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
height: 144;
|
height: 144;
|
||||||
margin: 16 0;
|
margin: 16 0;
|
||||||
}
|
}
|
||||||
.listItem {
|
.listItem {
|
||||||
letter-spacing: 0;
|
|
||||||
text-transform: none;
|
|
||||||
line-height: 4;
|
line-height: 4;
|
||||||
padding: 13 16;
|
padding: 13 16;
|
||||||
margin: 0;
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.shareItem {
|
|
||||||
border-radius: 12;
|
|
||||||
margin: 0 8 8;
|
|
||||||
text-align: center;
|
|
||||||
.ico {
|
|
||||||
padding: 16 0 0;
|
|
||||||
}
|
|
||||||
.item {
|
|
||||||
@extend .tw;
|
|
||||||
padding: 8 16 16;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.actions {
|
.actions {
|
||||||
padding: 4;
|
padding: 4;
|
||||||
}
|
}
|
||||||
|
@ -559,13 +522,17 @@ ActivityIndicator {
|
||||||
|
|
||||||
// -----------------------------
|
// -----------------------------
|
||||||
// Transitions
|
// Transitions
|
||||||
.hl {
|
.select {
|
||||||
animation-name: hl;
|
color: $orange;
|
||||||
|
animation-name: select;
|
||||||
animation-duration: 0.2s;
|
animation-duration: 0.2s;
|
||||||
animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
animation-timing-function: ease;
|
animation-timing-function: ease;
|
||||||
}
|
}
|
||||||
@keyframes hl {
|
.deselect {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
@keyframes select {
|
||||||
0% {
|
0% {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
@ -611,3 +578,9 @@ ActivityIndicator {
|
||||||
.edge {
|
.edge {
|
||||||
width: 16;
|
width: 16;
|
||||||
}
|
}
|
||||||
|
.ls {
|
||||||
|
height: 72;
|
||||||
|
}
|
||||||
|
.lh4 {
|
||||||
|
line-height: 4;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue