mirror of
https://github.com/a2nt/silverstripe-webpack.git
synced 2024-10-22 17:05:31 +02:00
UPD: Minor updates
This commit is contained in:
parent
471c113cba
commit
2746049546
2
app/client/dist/css/app.css
vendored
2
app/client/dist/css/app.css
vendored
File diff suppressed because one or more lines are too long
2
app/client/dist/css/app_order.css
vendored
2
app/client/dist/css/app_order.css
vendored
@ -1 +1 @@
|
||||
h1.title{border-bottom:1px solid #dee2e6;display:block;line-height:1.5em;text-align:right;text-transform:uppercase}.warningMessage{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:.25rem;color:#856404;margin-bottom:1rem;padding:1rem;position:relative}#Content{margin:auto;padding-left:20px;text-align:left}#Content .emailTitle{font-family:Roboto;font-size:2.5rem;font-weight:400}#Content .PageTitle{color:#212529;font-family:Roboto;font-size:14px;padding:5px}#Content .footer td{padding:10px}#Content .footer td.right{text-align:right}#Content .typography{padding:0 10px}#Content .typography a{font-size:1em;text-decoration:underline}#Content .typography a:hover{text-decoration:none}#Content .typography ul{padding:2px 15px}#Content .typography ul li{padding:2px 5px}#Content .typography p{color:#212529;margin:.75em 0}table#SenderTable .meta,table#SenderTable .sender{width:50%}table#MetaTable{margin-left:auto}table#MetaTable .label{font-weight:700}#ShippingTable td,#ShippingTable th{width:50%}table.infotable{background:#fff;border:1px solid #dee2e6;border-collapse:collapse;margin-top:10px;width:100%}table.infotable td.product.title{color:#0d6efd;font-family:Roboto;font-size:1.75rem;font-weight:400}table.infotable tr td,table.infotable tr th{border:1px solid #dee2e6;color:#212529;padding:5px}table.infotable td{vertical-align:middle}table.infotable tr.summary{font-weight:700}table.infotable td.ordersummary{border-bottom:1px solid #dee2e6;font-size:1em}table.infotable tr th{font-weight:700}table.infotable tr td a{color:#0d6efd;text-decoration:underline}table.infotable tr td a:hover{text-decoration:none}table.infotable .modifierRow,table.infotable .right,table.infotable .threeColHeader{text-align:right}table.infotable .center{text-align:center}table.infotable .left,table.infotable th{text-align:left}
|
||||
h1.title{border-bottom:1px solid #dee2e6;display:block;line-height:1.5em;text-align:right;text-transform:uppercase}.warningMessage{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:.25rem;color:#856404;margin-bottom:1rem;padding:1rem;position:relative}#Content{margin:auto;padding-left:20px;text-align:left}#Content .emailTitle{font-size:2.5rem;font-weight:400}#Content .emailTitle,#Content .PageTitle{font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#Content .PageTitle{color:#212529;font-size:14px;padding:5px}#Content .footer td{padding:10px}#Content .footer td.right{text-align:right}#Content .typography{padding:0 10px}#Content .typography a{font-size:1em;text-decoration:underline}#Content .typography a:hover{text-decoration:none}#Content .typography ul{padding:2px 15px}#Content .typography ul li{padding:2px 5px}#Content .typography p{color:#212529;margin:.75em 0}table#SenderTable .meta,table#SenderTable .sender{width:50%}table#MetaTable{margin-left:auto}table#MetaTable .label{font-weight:700}#ShippingTable td,#ShippingTable th{width:50%}table.infotable{background:#fff;border:1px solid #dee2e6;border-collapse:collapse;margin-top:10px;width:100%}table.infotable td.product.title{color:#0d6efd;font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.75rem;font-weight:400}table.infotable tr td,table.infotable tr th{border:1px solid #dee2e6;color:#212529;padding:5px}table.infotable td{vertical-align:middle}table.infotable tr.summary{font-weight:700}table.infotable td.ordersummary{border-bottom:1px solid #dee2e6;font-size:1em}table.infotable tr th{font-weight:700}table.infotable tr td a{color:#0d6efd;text-decoration:underline}table.infotable tr td a:hover{text-decoration:none}table.infotable .modifierRow,table.infotable .right,table.infotable .threeColHeader{text-align:right}table.infotable .center{text-align:center}table.infotable .left,table.infotable th{text-align:left}
|
||||
2
app/client/dist/css/sample.css
vendored
2
app/client/dist/css/sample.css
vendored
File diff suppressed because one or more lines are too long
2
app/client/dist/report.html
vendored
2
app/client/dist/report.html
vendored
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<title>ss-webpack-boilerplate [8 Sep 2021 at 22:54]</title>
|
||||
<title>ss-webpack-boilerplate [9 Sep 2021 at 16:46]</title>
|
||||
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
||||
|
||||
<script>
|
||||
|
||||
@ -1,81 +0,0 @@
|
||||
//
|
||||
// !!! IMPORTANT !!
|
||||
// First Define Bootstrap and Webkit bootstrap UI variables
|
||||
//
|
||||
|
||||
$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
$font-family-base: "Roboto", $font-family-sans-serif;
|
||||
$white: #fff;
|
||||
$black: #000;
|
||||
$body-bg: #fff;
|
||||
$body-color: #212529;
|
||||
|
||||
// screen size - 32px (ex. 1400 - 32 = 1368)
|
||||
$grid-breakpoints: (
|
||||
xs: 0,
|
||||
sm: 576px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1168px,
|
||||
);
|
||||
// container size - (32px * 2) (ex. 1400 - 64 = 1336)
|
||||
$container-max-widths: (
|
||||
sm: 540px,
|
||||
md: 720px,
|
||||
lg: 960px,
|
||||
xl: 1136px,
|
||||
);
|
||||
$enable-gradients: false;
|
||||
$enable-shadows: false;
|
||||
$body-header-bg: $body-bg;
|
||||
$body-header-color: $body-color;
|
||||
$body-header-link: $body-color;
|
||||
$body-main-nav-link-color: $body-color;
|
||||
$body-main-nav-link-hover-color: $body-color;
|
||||
$body-main-nav-dropdown-hover-bg: $body-color;
|
||||
$body-footer-footer-bg: $body-bg;
|
||||
$font-family-base: "Roboto";
|
||||
//
|
||||
|
||||
$full-body-min-width: map-get($grid-breakpoints, "lg");
|
||||
$typography-breakpoint: map-get($grid-breakpoints, "sm") - 1;
|
||||
$header-bg: var(--header-bg);
|
||||
$header-color: var(--header-color);
|
||||
$header-link: var(--header-link);
|
||||
$main-nav-link-color: var(--main-nav-link-color);
|
||||
$main-nav-link-bg: none;
|
||||
$main-nav-toggler-size: 2rem;
|
||||
$main-nav-link-hover-bg: none;
|
||||
$main-nav-link-hover-color: var(--main-nav-link-hover-color);
|
||||
$main-nav-dropdown-bg: $header-bg;
|
||||
$main-nav-dropdown-color: $header-link;
|
||||
$main-nav-dropdown-hover-bg: var(--main-nav-dropdown-hover-bg);
|
||||
$main-nav-dropdown-hover-color: $main-nav-link-hover-color;
|
||||
$footer-bg: $header-bg;
|
||||
$footer-color: $header-color;
|
||||
$footer-link: $header-link;
|
||||
$footer-footer-bg: var(--footer-footer-bg);
|
||||
$sliderelement-carousel-slide-max-y: none;
|
||||
$sliderelement-carousel-slide-bg: $header-bg;
|
||||
$sliderelement-carousel-slide-ratio-x: 16;
|
||||
$sliderelement-carousel-slide-ratio-y: 9;
|
||||
$carousel-title-color: $white;
|
||||
$carousel-slide-min-height: 4rem;
|
||||
$carousel-text-shadow: 1px 1px $black;
|
||||
$carousel-controls-font-size: 3rem;
|
||||
$carousel-controls-zindex: 11;
|
||||
$carousel-controls-shadow: 1px 1px $black;
|
||||
$carousel-controls-hover-bg: transparentize($black, .4);
|
||||
$carousel-slide-img-loading-max-height: 70vh;
|
||||
|
||||
// disable large screen sizing by default
|
||||
$extra-large-screen: 80000px;
|
||||
$headings-line-height: 1.2;
|
||||
|
||||
@import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate-react/src/scss/variables";
|
||||
$headings-margin-bottom: $spacer;
|
||||
|
||||
//
|
||||
// !!! IMPORTANT !!
|
||||
// Next Define your project variables
|
||||
//
|
||||
@ -3,13 +3,6 @@
|
||||
*/
|
||||
|
||||
body {
|
||||
--header-bg: #{inspect($body-header-bg)};
|
||||
--header-color: #{inspect($body-header-color)};
|
||||
--header-link: #{inspect($body-header-link)};
|
||||
--main-nav-link-color: #{inspect($body-main-nav-link-color)};
|
||||
--main-nav-link-hover-color: #{inspect($body-main-nav-link-hover-color)};
|
||||
--main-nav-dropdown-hover-bg: #{inspect($body-main-nav-dropdown-hover-bg)};
|
||||
--footer-footer-bg: #{inspect($body-footer-footer-bg)};
|
||||
}
|
||||
|
||||
/*#MainContent {
|
||||
|
||||
@ -1,31 +1,2 @@
|
||||
#Footer {
|
||||
background-color: $footer-bg;
|
||||
border-top: 1px solid #ebebeb;
|
||||
color: $footer-color;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
> .wrapper {
|
||||
padding-bottom: $element-reduced-spacer-y;
|
||||
padding-top: $element-reduced-spacer-y;
|
||||
}
|
||||
|
||||
a,
|
||||
.a {
|
||||
color: $footer-link;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: $footer-footer-bg;
|
||||
padding-bottom: $element-reduced-spacer-y;
|
||||
padding-top: $element-reduced-spacer-y;
|
||||
|
||||
.copyright {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -12,13 +12,6 @@
|
||||
}
|
||||
|
||||
#Header {
|
||||
background-color: $header-bg;
|
||||
color: $header-color;
|
||||
|
||||
a {
|
||||
color: $header-link;
|
||||
}
|
||||
|
||||
.nav-container {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
||||
@ -1,97 +1,4 @@
|
||||
#Navigation {
|
||||
background: $header-bg;
|
||||
letter-spacing: 0.25em;
|
||||
text-transform: uppercase;
|
||||
width: 100%;
|
||||
|
||||
.navbar-nav {
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
color: $main-nav-link-color;
|
||||
font-size: $main-nav-toggler-size;
|
||||
}
|
||||
|
||||
.nav-item,
|
||||
.nav-link {
|
||||
flex-direction: column;
|
||||
/*@media (min-width: $full-body-min-width) {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}*/
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
background: $main-nav-link-bg;
|
||||
color: $main-nav-link-color;
|
||||
|
||||
&:focus,
|
||||
&:hover,
|
||||
&.active {
|
||||
background: $main-nav-link-hover-bg;
|
||||
color: $main-nav-link-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
> .nav-link {
|
||||
background: $main-nav-link-hover-bg;
|
||||
color: $main-nav-link-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item .nav-dropdown {
|
||||
.fa-chevron-right //&:after
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: $main-nav-dropdown-bg;
|
||||
border-color: $main-nav-dropdown-bg;
|
||||
border-top: 0;
|
||||
margin-top: 0;
|
||||
min-width: 100%;
|
||||
|
||||
.nav-item-link {
|
||||
color: $main-nav-dropdown-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
&.active,
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $main-nav-dropdown-hover-bg;
|
||||
|
||||
.nav-item-link {
|
||||
color: $main-nav-dropdown-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item-link {
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $full-body-min-width) {
|
||||
.navbar-nav > .nav-item {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.dropdown-item .nav-item-link {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#PageBreadcumbs {
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
@import "../_variables";
|
||||
@import "../variables";
|
||||
@import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate-react/src/scss/types/cms";
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
@import "../_variables";
|
||||
@import "../variables";
|
||||
@import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate-react/src/scss/types/editor";
|
||||
|
||||
// Add content editor (only) typography styling
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
@import "../_variables";
|
||||
@import "../variables";
|
||||
|
||||
@import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate-react/src/scss/types/order";
|
||||
|
||||
1
app/client/src/scss/variables/app.scss
Normal file
1
app/client/src/scss/variables/app.scss
Normal file
@ -0,0 +1 @@
|
||||
@import "./colors";
|
||||
3
app/client/src/scss/variables/colors.scss
Normal file
3
app/client/src/scss/variables/colors.scss
Normal file
@ -0,0 +1,3 @@
|
||||
$white: #fff;
|
||||
$black: #000;
|
||||
$gray-1: #212529;
|
||||
14
app/client/src/scss/variables/index.scss
Normal file
14
app/client/src/scss/variables/index.scss
Normal file
@ -0,0 +1,14 @@
|
||||
//
|
||||
// !!! IMPORTANT !!
|
||||
// First Define Bootstrap and Webkit bootstrap UI variables
|
||||
//
|
||||
|
||||
@import "./ui";
|
||||
@import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate-react/src/scss/variables";
|
||||
$headings-margin-bottom: $spacer;
|
||||
|
||||
//
|
||||
// !!! IMPORTANT !!
|
||||
// Next Define your project variables
|
||||
//
|
||||
@import "./app";
|
||||
36
app/client/src/scss/variables/ui.scss
Normal file
36
app/client/src/scss/variables/ui.scss
Normal file
@ -0,0 +1,36 @@
|
||||
@import "./colors";
|
||||
|
||||
// Bootstrap and Webkit bootstrap UI variables
|
||||
|
||||
$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
$font-family-base: "Roboto", $font-family-sans-serif;
|
||||
$body-bg: $white;
|
||||
$body-color: $gray-1;
|
||||
|
||||
// screen size - 32px (ex. 1400 - 32 = 1368)
|
||||
$grid-breakpoints: (
|
||||
xs: 0,
|
||||
sm: 576px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1168px,
|
||||
);
|
||||
// container size - (32px * 2) (ex. 1400 - 64 = 1336)
|
||||
$container-max-widths: (
|
||||
sm: 540px,
|
||||
md: 720px,
|
||||
lg: 960px,
|
||||
xl: 1136px,
|
||||
);
|
||||
$enable-gradients: false;
|
||||
$enable-shadows: false;
|
||||
//
|
||||
|
||||
$full-body-min-width: map-get($grid-breakpoints, "lg");
|
||||
$typography-breakpoint: map-get($grid-breakpoints, "sm") - 1;
|
||||
$sliderelement-slide-ratio-x: 16;
|
||||
$sliderelement-slide-ratio-y: 9;
|
||||
|
||||
// disable large screen sizing by default
|
||||
$extra-large-screen: 80000px;
|
||||
$headings-line-height: 1.2;
|
||||
Loading…
Reference in New Issue
Block a user