mirror of
https://github.com/documize/community.git
synced 2025-08-08 06:55:28 +02:00
UI CSS tweaks
This commit is contained in:
parent
8e2364ab64
commit
87e487c763
9 changed files with 42 additions and 43 deletions
|
@ -9,7 +9,7 @@
|
||||||
//
|
//
|
||||||
// https://documize.com
|
// https://documize.com
|
||||||
$color-off-white: #f5f5f5;
|
$color-off-white: #f5f5f5;
|
||||||
$color-off-black: #4c4c4c;
|
$color-off-black: #333333;
|
||||||
$color-black: #000000;
|
$color-black: #000000;
|
||||||
$color-white: #ffffff;
|
$color-white: #ffffff;
|
||||||
$color-primary: #2180cc;
|
$color-primary: #2180cc;
|
||||||
|
|
|
@ -4,10 +4,6 @@
|
||||||
|
|
||||||
.attachment-zone {
|
.attachment-zone {
|
||||||
margin: 20px 0 30px 0;
|
margin: 20px 0 30px 0;
|
||||||
padding: 10px;
|
|
||||||
background-color: $color-off-white;
|
|
||||||
border: 1px solid $color-border2;
|
|
||||||
border-radius: 2px;
|
|
||||||
|
|
||||||
> .list {
|
> .list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -15,9 +11,11 @@
|
||||||
|
|
||||||
> .item {
|
> .item {
|
||||||
color: $color-off-black;
|
color: $color-off-black;
|
||||||
margin: 0px 5px;
|
margin-top: 10px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
border-bottom: 1px solid $color-gray2;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
|
||||||
> .icon {
|
> .icon {
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
|
@ -111,4 +109,3 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -3,9 +3,8 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 40px 40px 20px 40px;
|
padding: 40px 40px 20px 40px;
|
||||||
background-color: darken($color-off-white, 3%);
|
background-color: $color-off-white;
|
||||||
color: $color-gray;
|
color: $color-gray;
|
||||||
border: 1px solid $color-border2;
|
|
||||||
|
|
||||||
> .meta-data {
|
> .meta-data {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -1,7 +1,8 @@
|
||||||
.wysiwyg {
|
.wysiwyg {
|
||||||
// font-size: 1rem;
|
// font-size: 1rem;
|
||||||
font-size: 15px;
|
font-size: 16px;
|
||||||
line-height: 30px;
|
line-height: 31px;
|
||||||
|
color: #3c3c3c;
|
||||||
|
|
||||||
table
|
table
|
||||||
{
|
{
|
||||||
|
@ -40,20 +41,23 @@
|
||||||
|
|
||||||
h1
|
h1
|
||||||
{
|
{
|
||||||
font-size: 2.5em;
|
font-size: 2.3em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 0 0 10px 0;
|
color:$color-off-black;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2
|
h2
|
||||||
{
|
{
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
margin: 30px 0 20px 0;
|
margin: 30px 0 20px 0;
|
||||||
|
font-family: open_sansregular;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3
|
h3
|
||||||
{
|
{
|
||||||
font-size: 1.8rem;
|
font-size: 1.6rem;
|
||||||
margin: 30px 0 20px 0;
|
margin: 30px 0 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -73,8 +77,8 @@
|
||||||
{
|
{
|
||||||
.page-title
|
.page-title
|
||||||
{
|
{
|
||||||
color: $color-primary;
|
color:$color-off-black;
|
||||||
font-weight: bold;
|
font-family: open_sansregular;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -84,7 +84,7 @@
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
line-height: 2.6rem;
|
line-height: 2.6rem;
|
||||||
font-family: Tahoma, 'courier', 'arial';
|
font-family: open_sansregular;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
|
@ -118,7 +118,7 @@
|
||||||
|
|
||||||
.dual-box {
|
.dual-box {
|
||||||
background-color: $color-off-white;
|
background-color: $color-off-white;
|
||||||
color: $color-off-black;
|
color: $color-gray;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
border: 1px solid $color-border2;
|
border: 1px solid $color-border2;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
@ -159,5 +159,6 @@
|
||||||
|
|
||||||
.dual-box-white {
|
.dual-box-white {
|
||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
|
color: $color-off-black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
> .item {
|
> .item {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0 0 3px 0;
|
margin: 0 0 5px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -101,14 +101,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
> .title {
|
> .title {
|
||||||
font-size: 16px;
|
font-size: 18px;
|
||||||
font-weight: bold;
|
margin-bottom: 10px;
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> .snippet {
|
> .snippet {
|
||||||
color: $color-gray;
|
color: $color-gray;
|
||||||
font-size: 13px;
|
font-size: 14px;
|
||||||
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .tags {
|
> .tags {
|
||||||
|
@ -117,7 +117,7 @@
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
background-color: $color-off-white;
|
background-color: $color-white;
|
||||||
color: $color-stroke;
|
color: $color-stroke;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -128,7 +128,7 @@
|
||||||
transition: 0.2s all ease;
|
transition: 0.2s all ease;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-white;
|
background-color: $color-off-white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,7 +7,6 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
font-family: Tahoma, 'courier', 'arial';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-large {
|
.avatar-large {
|
||||||
|
@ -21,5 +20,4 @@
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
font-family: Tahoma, 'courier', 'arial';
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -125,7 +125,7 @@
|
||||||
transition: .2s ease-out;
|
transition: .2s ease-out;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 33px;
|
height: 32px;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
.chip {
|
.chip {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color: $color-chip;
|
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
|
border: 1px solid $color-border;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
margin-right: 10px;
|
margin-right: 5px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -16,14 +16,14 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: $color-off-white;
|
color: $color-stroke;
|
||||||
padding: 12px 10px 0 10px;
|
padding: 12px 10px 0 10px;
|
||||||
letter-spacing: 0.7px;
|
letter-spacing: 0.7px;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> i.material-icons {
|
> i.material-icons {
|
||||||
color: $color-off-white;
|
color: $color-stroke;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
margin: 13px 8px 0 0;
|
margin: 13px 8px 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue