1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

Replaced Material Icons & Boostrap with custom UI framework

This commit is contained in:
Harvey Kandola 2018-12-21 11:15:59 +00:00
parent d0f0a12f2d
commit 61c648a7ac
75 changed files with 116 additions and 1445 deletions

View file

@ -19,7 +19,6 @@
padding: 0;
> .item {
@include ease-in();
@include border-radius(3px);
list-style: none;
cursor: pointer;
@ -65,7 +64,6 @@
padding: 0;
> .item {
@include ease-in();
@include border-radius(3px);
list-style: none;
cursor: pointer;
@ -83,8 +81,7 @@
}
> .actions {
@include ease-in();
position: absolute;
position: absolute;
top: 10px;
right: 8px;
}

View file

@ -5,17 +5,19 @@
width: 100%;
> .document {
@include ease-in();
margin: 0 0 5px 0;
margin: 0 0 15px 0;
padding: 10px 15px;
color: map-get($gray-shades, 600);
color: map-get($gray-shades, 700);
background-color: map-get($gray-shades, 100);
border: 1px solid map-get($gray-shades, 200);
cursor: pointer;
position: relative;
list-style-type: none;
&:hover {
color: $color-black;
> .title, > .space, > .snippet {
color: map-get($gray-shades, 800);
}
}
> .title {
@ -24,7 +26,6 @@
}
> .space {
color : map-get($gray-shades, 600);
font-size: 0.8rem;
font-style: italic;
font-weight: bold;
@ -32,24 +33,26 @@
}
> .snippet {
color : map-get($gray-shades, 600);
font-size: 0.9rem;
}
> .material-icons {
> .dicon {
position: absolute;
top: 10px;
right: 10px;
color: $color-white;
color: map-get($yellow-shades, 800);
font-weight: 700;
font-size: 1.3rem;
}
}
> .selected {
background-color: $color-link !important;
> .title, .space, .snippet {
color: $color-white !important;
color: map-get($yellow-shades, 800) !important;
}
background-color: map-get($yellow-shades, 100) !important;
border: 1px solid map-get($yellow-shades, 300) !important;
}
}
}

View file

@ -10,7 +10,7 @@
height: 500px;
overflow-y: auto;
.icon {
.dicon {
margin-right: 5px;
height: 15px;
width: 15px;
@ -20,4 +20,3 @@
.block-editor {
margin-top: 3rem;
}

View file

@ -14,7 +14,6 @@
width: 100%;
> .item {
@include ease-in();
list-style: none;
padding: 10px 0;
margin: 5px 0;
@ -36,7 +35,6 @@
}
> .details {
@include ease-in();
vertical-align: top;
display: inline-block;