verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 58 Releases Wiki Activity

Style fixes

This commit is contained in:
Juan 2018-05-31 13:57:48 +02:00
parent 0d2693d8e1
commit 2a6dedfc91
4 changed files with 8 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/core/src/components/dialog/style.scss
View File

@ -1,4 +1,4 @@
@import "colors"; @import "effects";
.vn-dialog { .vn-dialog {
display: none; display: none;
@ -10,7 +10,7 @@
top: 0; top: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: rgba(1, 1, 1, .6); background-color: rgba(0, 0, 0, .6);
opacity: 0; opacity: 0;
transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;
@ -19,7 +19,7 @@
} }
& > div { & > div {
position: relative; position: relative;
box-shadow: 0 0 .4em rgba(1,1,1,.4); box-shadow: 0 0 .4em rgba(0, 0, 0, .4);
background-color: white; background-color: white;
border-radius: .2em; border-radius: .2em;
overflow: auto; overflow: auto;
@ -34,16 +34,11 @@
input[type="button"], input[type="button"],
input[type="submit"], input[type="submit"],
input[type="reset"] { input[type="reset"] {
@extend %clickable;
text-transform: uppercase; text-transform: uppercase;
background-color: transparent; background-color: transparent;
border: none; border: none;
cursor: pointer;
transition: background-color 250ms;
border-radius: .1em; border-radius: .1em;
&:hover {
background-color: rgba(1,1,1,.1);
}
} }
& > button.close { & > button.close {
position: absolute; position: absolute;

8
client/core/src/components/drop-down/style.scss
View File

@ -1,4 +1,4 @@
@import "colors"; @import "effects";
vn-drop-down { vn-drop-down {
.dropdown { .dropdown {
@ -47,19 +47,15 @@ vn-drop-down {
list-style-type: none; list-style-type: none;
} }
li, .status { li, .status {
@extend %clickable;
padding: .6em; padding: .6em;
cursor: pointer;
white-space: nowrap; white-space: nowrap;
transition: background-color 250ms ease-out;
display: flex; display: flex;
& > input[type=checkbox] { & > input[type=checkbox] {
margin: 0; margin: 0;
margin-right: .6em; margin-right: .6em;
} }
&:hover {
background-color: rgba(0, 0, 0, .1);
}
&.active { &.active {
background-color: #3D3A3B; background-color: #3D3A3B;
color: white; color: white;

1
client/core/src/components/icon-button/style.scss
View File

@ -6,6 +6,7 @@ vn-icon-button {
color: rgba($main-01, 0.7); color: rgba($main-01, 0.7);
transition: color 200ms ease-in-out; transition: color 200ms ease-in-out;
cursor: pointer; cursor: pointer;
&.button { &.button {
background-color: $main-01; background-color: $main-01;
color: white; color: white;

2
client/salix/src/styles/misc.scss
View File

@ -167,7 +167,6 @@ vn-main-block {
padding: .5em; padding: .5em;
color: white; color: white;
text-decoration: none; text-decoration: none;
transition: background-color 250ms ease-out;
& > vn-icon { & > vn-icon {
font-size: 1.8em; font-size: 1.8em;
@ -212,6 +211,7 @@ vn-main-block {
margin-left: .5em; margin-left: .5em;
transition: opacity 250ms ease-out; transition: opacity 250ms ease-out;
font-size: 2em; font-size: 2em;
&:hover { &:hover {
opacity: 1; opacity: 1;
} }