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

feat: Customize bootstrap using css variables (wip)

Browse source
This commit is contained in:
Faris Ansari 2019-01-01 18:47:41 +05:30
parent 8641383ed1
commit 49cd2c5987
2 changed files with 55 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frappe/public/scss/bootstrap-4.scss vendored
View file

@ -1,5 +1,4 @@
@import "variables";
@import "~bootstrap/scss/bootstrap";
@import "multilevel-dropdown";
@ -92,4 +91,19 @@ img {
.text-underline {
text-decoration: underline;
}
}
// .standard-image {
// width: 100%;
// height: 0;
// padding: 50% 0;
// display: inline-block;
// text-align: center;
// border-radius: 4px;
// font-size: 14px;
// line-height: 0px;
// color: #d1d8dd;
// border: 1px solid #d1d8dd;
// font-weight: normal;
// margin-top: -1px;
// }

46
frappe/public/scss/variables.scss
View file

@ -1,8 +1,40 @@
// $midnight_blue: #18427B;
// $dark_purple: #191B69;
// $light_grey: #E2DBD4;
// $green: #8BBF46;
// $slate_grey: #7F8487;
@import "~bootstrap/scss/_functions";
@import "~bootstrap/scss/_variables";
// $primary: $green;
// $dark: $dark_purple;
// Convert SASS variables to CSS Variables
$border-color: var(--border-color, $border-color);
$input-border-color: var(--input-border-color, $input-border-color);
@import "~bootstrap/scss/_mixins";
@import "~bootstrap/scss/_root";
@import "~bootstrap/scss/_reboot";
@import "~bootstrap/scss/_type";
@import "~bootstrap/scss/_images";
@import "~bootstrap/scss/_code";
@import "~bootstrap/scss/_grid";
@import "~bootstrap/scss/_tables";
@import "~bootstrap/scss/_forms";
@import "~bootstrap/scss/_buttons";
@import "~bootstrap/scss/_transitions";
@import "~bootstrap/scss/_dropdown";
@import "~bootstrap/scss/_button-group";
@import "~bootstrap/scss/_input-group";
@import "~bootstrap/scss/_custom-forms";
@import "~bootstrap/scss/_nav";
@import "~bootstrap/scss/_navbar";
@import "~bootstrap/scss/_card";
@import "~bootstrap/scss/_breadcrumb";
@import "~bootstrap/scss/_pagination";
@import "~bootstrap/scss/_badge";
@import "~bootstrap/scss/_jumbotron";
@import "~bootstrap/scss/_alert";
@import "~bootstrap/scss/_progress";
@import "~bootstrap/scss/_media";
@import "~bootstrap/scss/_list-group";
@import "~bootstrap/scss/_close";
@import "~bootstrap/scss/_modal";
@import "~bootstrap/scss/_tooltip";
@import "~bootstrap/scss/_popover";
@import "~bootstrap/scss/_carousel";
@import "~bootstrap/scss/_utilities";
@import "~bootstrap/scss/_print";