erpnext/foundation
1
0
Fork 0
mirror of https://github.com/erpnext/foundation.git synced 2026-10-16 18:00:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Init D3

Browse Source 
- remove uneeded old css
- change logo to gree
This commit is contained in:
Raghavendra Kamath
2018-04-13 12:33:34 +05:30
parent 83c26eb01d
commit eb40d22c30
6 changed files with 28 additions and 398 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
foundation/public/css/erpnext-org-theme.css
View File

@@ -1,77 +1,5 @@
/* palette colors*/
@import "reset.css";
@import "/assets/css/frappe-css.css";
.indicator,
.indicator-right {
background: none;
font-size: 12px;
vertical-align: middle;
font-weight: bold;
color: #6c7680;
}
.indicator::before,
.indicator-right::after {
content: "";
display: inline-block;
height: 8px;
width: 8px;
border-radius: 8px;
}
.indicator::before {
margin: 0 4px 0 0;
}
.indicator-right::after {
margin: 0 0 0 4px;
}
.indicator.grey::before,
.indicator-right.grey::after {
background: #f0f4f7;
}
.indicator.blue::before,
.indicator-right.blue::after {
background: #5e64ff;
}
.indicator.red::before,
.indicator-right.red::after {
background: #ff5858;
}
.indicator.green::before,
.indicator-right.green::after {
background: #98d85b;
}
.indicator.orange::before,
.indicator-right.orange::after {
background: #ffa00a;
}
.indicator.purple::before,
.indicator-right.purple::after {
background: #743ee2;
}
.indicator.darkgrey::before,
.indicator-right.darkgrey::after {
background: #b8c2cc;
}
.indicator.black::before,
.indicator-right.black::after {
background: #36414c;
}
.indicator.yellow::before,
.indicator-right.yellow::after {
background: #feef72;
}
.indicator.light-blue::before,
.indicator-right.light-blue::after {
background: #7cd6fd;
}
.indicator.lightblue::before,
.indicator-right.lightblue::after {
background: #7cd6fd;
}
.modal-header .indicator {
float: left;
margin-top: 7.5px;
margin-right: 3px;
}
.logo-img {
width: var(--unit-3);
}

32
foundation/public/img/erpnext-logo.svg
View File

@@ -5,11 +5,35 @@
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg5271"
version="1.1"
viewBox="0 0 87.312531 87.312515"
height="330.00006"
width="330.00012">
width="330.00012"
sodipodi:docname="erpnext-logo.svg"
inkscape:version="0.92.2 2405546, 2018-03-11">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1030"
id="namedview16"
showgrid="false"
inkscape:zoom="1.0113768"
inkscape:cx="32.54099"
inkscape:cy="112.60495"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg5271" />
<defs
id="defs5265" />
<metadata
@@ -20,7 +44,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
@@ -60,7 +84,7 @@
transform="translate(-95.250002)"
id="g1416-4-9">
<path
style="opacity:1;vector-effect:none;fill:#7574ff;fill-opacity:1;stroke:none;stroke-width:3.96875262;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="opacity:1;vector-effect:none;fill:#00e45a;fill-opacity:0.98039216;stroke:none;stroke-width:3.96875262;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
d="m 1501.1846,130.70348 h 60.8542 c 7.329,0 13.2292,5.9002 13.2292,13.22916 v 60.85419 c 0,7.32896 -5.9002,13.22917 -13.2292,13.22917 h -60.8542 c -7.3289,0 -13.2292,-5.90021 -13.2292,-13.22917 v -60.85419 c 0,-7.32896 5.9003,-13.22916 13.2292,-13.22916 z"
id="path1414-3-4" />
</g>
@@ -75,7 +99,7 @@
transform="matrix(0.26458333,0,0,0.26458333,1646.1645,569.35379)"
d="M 164.92578 228.00977 A 412.60453 412.60453 0 0 0 0 262.94922 L 0 280 C 0 307.70001 22.30022 330 50 330 L 280 330 C 307.69978 330 330 307.70001 330 280 L 330 262.70508 A 412.60453 412.60453 0 0 0 164.92578 228.00977 z "
clip-path="none"
style="opacity:1;vector-effect:none;fill:#6564f9;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
style="opacity:1;vector-effect:none;fill:#05d456;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
<g
style="fill:#4a15c6;fill-opacity:1"
transform="translate(2.8144523,0.84784259)"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

219
foundation/public/less/base.less
View File

@@ -1,219 +0,0 @@
/*utilities*/
.align-items-center {
align-items: center;
}
.hide,
.hidden {
display: none;
visibility: hidden;
}
.top-zero {
margin-top: 0;
}
.bottom-zero {
margin-bottom: 0;
}
.top-spacer {
margin-top: 2.5rem;
}
.bottom-spacer {
margin-bottom: 2.5rem;
}
.top-spacer-4 {
margin-top: 4rem;
}
.bottom-spacer-4 {
margin-bottom: 4rem;
}
.gray-bg {
background-color: @light-bg;
}
.dark-bg {
background-color: @text-dark;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-muted {
color: @text-muted;
}
.text-light {
color: @text-light;
}
.text-white {
color: #fff;
}
.text-normal {
font-size: 1rem;
}
.text-medium {
font-size: 1.5rem;
}
.text-small {
font-size: 0.5rem;
}
.centered {
margin-left: auto;
margin-right: auto;
}
.bold {
font-weight: bold;
}
.list-unstyled {
padding: 0;
li {
list-style: none;
}
}
.list-circle {
list-style: circle;
}
.bullet {
&::before {
content: "\2022";
display: inline-block;
width: 1em;
font-size: 1.25rem;
}
}
.half-width {
max-width: 50%;
}
.border {
border: @border;
}
.border-top {
border-top: @border;
}
.border-top-light {
border-top: @border-light;
}
.saturate {
filter: grayscale(100%);
&:hover {
filter: grayscale(0%);
}
}
/* colors */
.green-bullet {
&::before {
color: @indicator-green;
}
}
/* components */
.grid-of-four,
.grid-of-three {
grid-gap: 2.5rem;
display: grid;
}
.grid-of-four {
grid-template-columns: repeat(1, 1fr);
@media screen and (min-width: @screen-palm) {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: @screen-xs) {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: @screen-sm) {
grid-template-columns: repeat(4, 1fr);
}
}
.grid-of-three {
grid-template-columns: repeat(1, 1fr);
@media screen and (min-width: @screen-palm) {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: @screen-xs) {
grid-template-columns: repeat(3, 1fr);
}
}
.columns {
display: flex;
justify-content: space-between;
flex-direction: column;
@media screen and (min-width: @screen-xs) {
flex-direction: inherit;
}
}
.column {
margin-bottom: 1rem;
@media screen and (min-width: @screen-xs) {
margin: 0;
}
}
.three-column {
max-width: 100%;
@media screen and (min-width: @screen-xs) {
max-width: 33%;
}
}
.copyright {
font-size: 1rem;
@media screen and (min-width: @screen-xs) {
font-size: 0.75rem;
}
}
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.grid-center {
justify-items: center;
}

2
foundation/public/less/erpnext-org-theme.less
View File

@@ -1,7 +1,5 @@
@import "variables.less";
@import (css) "reset.css";
@import (css) "/assets/css/frappe-css.css";
@import "indicator.less";
.logo-img {
width: var(--unit-3);

88
foundation/public/less/indicator.less
View File

@@ -1,88 +0,0 @@
@import "../../../../frappe/frappe/public/less/variables.less";
.indicator,
.indicator-right {
background: none;
font-size: 12px;
vertical-align: middle;
font-weight: bold;
color: #6c7680;
}
.indicator::before,
.indicator-right::after {
content: "";
display: inline-block;
height: 8px;
width: 8px;
border-radius: 8px;
}
.indicator::before {
margin: 0 4px 0 0;
}
.indicator-right::after {
margin: 0 0 0 4px;
}
.indicator.grey::before,
.indicator-right.grey::after {
background: @btn-bg;
}
.indicator.blue::before,
.indicator-right.blue::after {
background: @indicator-blue;
}
.indicator.red::before,
.indicator-right.red::after {
background: @indicator-red;
}
.indicator.green::before,
.indicator-right.green::after {
background: @indicator-green;
}
.indicator.orange::before,
.indicator-right.orange::after {
background: @indicator-orange;
}
.indicator.purple::before,
.indicator-right.purple::after {
background: @indicator-purple;
}
.indicator.darkgrey::before,
.indicator-right.darkgrey::after {
background: @indicator-darkgrey;
}
.indicator.black::before,
.indicator-right.black::after {
background: @text-color;
}
.indicator.yellow::before,
.indicator-right.yellow::after {
background: @indicator-yellow;
}
.indicator.light-blue::before,
.indicator-right.light-blue::after {
background: @indicator-light-blue;
}
.indicator.lightblue::before,
.indicator-right.lightblue::after {
background: @indicator-light-blue;
}
.modal-header .indicator {
float: left;
margin-top: 7.5px;
margin-right: 3px;
}

13
foundation/public/less/variables.less
View File

@@ -1,13 +0,0 @@
@import "../../../../frappe/frappe/public/less/variables.less";
@brand-primary: #7575ff;
@screen-sm-min: 768px;
@screen-xs-max: (@screen-sm-min - 1);
@button-primary-hover: darken(desaturate(@brand-primary, 50%), 15%);
@button-secondary-hover: lighten(@light-bg, 15%);
@primary-link-color: lighten(@brand-primary, 5%);
@border: 1px solid @border-color;
@border-light: 1px solid @light-border-color;
@transition: 0.3s ease-out;
@screen-palm: 500px;
@dark-border-color: darken(@border-color, 60%);