vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: Convert module.less to module.scss

Browse source
This commit is contained in:
Faris Ansari 2021-04-23 06:19:16 +05:30
parent fe20515c23
commit a879f1235a
3 changed files with 14 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frappe/public/scss/desk.bundle.scss
View file

@ -4,14 +4,6 @@
@import "frappe/public/js/lib/leaflet/easy-button.css";
@import "frappe/public/css/font-awesome.css";
@import "frappe/public/css/octicons/octicons.css";
// TODO: esbuild
// @import "frappe/public/less/module.less";
// @import "frappe/public/less/mobile.less";
// @import "frappe/public/less/controls.less";
// TODO: esbuild
// chat has a separate bundle, so this shouldn't be needed
// @import "frappe/public/less/chat.less";
@import "frappe/public/css/fonts/inter/inter.css";
@import "~frappe-charts/dist/frappe-charts.min";
@import "~plyr/dist/plyr";

1
frappe/public/scss/desk/index.scss
View file

@ -8,6 +8,7 @@
@import "../common/buttons";
@import "../common/flex";
@import "mobile";
@import "module.scss";
@import "form";
@import "print_preview";
@import "scrollbar";

28
frappe/public/less/module.less → frappe/public/scss/desk/module.scss
View file

@ -1,8 +1,6 @@
@import "variables.less";
.module-head {
padding: 15px 30px;
border-bottom: 1px solid @light-border-color;
border-bottom: 1px solid $border-color;
}
.module-head h1 {
@ -20,7 +18,7 @@
}
.module-section {
border-bottom: 1px solid @light-border-color;
border-bottom: 1px solid $border-color;
.module-section-link {
line-height: 1.5em;
@ -32,9 +30,9 @@
padding: 30px;
}
@media(min-width: @screen-xs) {
@media(min-width: map-get($grid-breakpoints, "md")) {
.module-section:nth-child(even) {
background-color: @light-bg;
background-color: var(--bg-color);
}
.module-section:last-child {
@ -42,31 +40,31 @@
}
}
@media(max-width: @screen-sm) {
@media(max-width: map-get($grid-breakpoints, "lg")) {
.module-body {
margin-top: 15px;
border-top: 1px solid @border-color;
border-top: 1px solid $border-color;
}
}
@media(max-width: @screen-xs) {
@media(max-width: map-get($grid-breakpoints, "md")) {
.module-body {
margin-top: 0;
border-top: 1px solid transparent;
}
}
@media(max-width: @screen-xs) {
@media(max-width: map-get($grid-breakpoints, "md")) {
.module-section {
border: none;
}
.module-section-column {
border-bottom: 1px solid @light-border-color;
border-bottom: 1px solid $border-color;
}
.module-section-column:nth-child(even) {
background-color: @light-bg;
background-color: var(--bg-color);
}
.module-section:last-child .module-section-column:last-child {
@ -79,7 +77,7 @@
margin: 0px;
padding: 7px;
font-weight: 400;
border-bottom: 1px solid @border-color;
border-bottom: 1px solid $border-color;
cursor: pointer;
transition: 0.2s;
-webkit-transition: 0.2s;
@ -99,7 +97,7 @@
}
.module-item:hover, .module-item:focus {
background-color: @panel-bg;
background-color: var(--bg-color);
}
.module-item:last-child {
@ -128,7 +126,7 @@
width: 0px;
}
@media(max-width: @screen-xs) {
@media(max-width: map-get($grid-breakpoints, "md")) {
body[data-route^="Module"] {
.page-title {