added print tool to cards
This commit is contained in:
@@ -2508,4 +2508,73 @@ footer[role="contentinfo"] #block-materiosimplenewssubscription form {
|
||||
padding: 0.7em 1em;
|
||||
font-weight: 700; }
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
line-height: 1.3; }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
#printable-root-page {
|
||||
box-sizing: border-box;
|
||||
width: 21cm;
|
||||
padding: 1cm .5cm 2cm; }
|
||||
#printable-root-page > header {
|
||||
display: flex;
|
||||
flex-flow: nowrap;
|
||||
align-items: baseline; }
|
||||
#printable-root-page > header h1 {
|
||||
margin: 0;
|
||||
font-weight: 600; }
|
||||
#printable-root-page > article {
|
||||
padding-top: 1em; }
|
||||
#printable-root-page > article > h2 {
|
||||
font-weight: 600;
|
||||
margin: 0; }
|
||||
#printable-root-page > article .field--name-field-reference {
|
||||
margin: 0 0 1em 0; }
|
||||
#printable-root-page > article .field--name-body,
|
||||
#printable-root-page > article .field--name-field-samples {
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
#printable-root-page > article .field--name-body {
|
||||
width: 75%; }
|
||||
#printable-root-page > article .field--name-body p {
|
||||
margin: 0; }
|
||||
#printable-root-page > article .field__label {
|
||||
font-size: 0.756em;
|
||||
font-weight: 700; }
|
||||
#printable-root-page > article .field--name-field-samples {
|
||||
width: 23%;
|
||||
text-align: right; }
|
||||
#printable-root-page > article .field--name-field-samples .field__item {
|
||||
font-size: 0.756em; }
|
||||
#printable-root-page > article .field--name-field-manufacturer,
|
||||
#printable-root-page > article .field--name-field-distributor {
|
||||
margin-top: 1em;
|
||||
display: inline-block;
|
||||
width: 49%; }
|
||||
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term > h2,
|
||||
#printable-root-page > article .field--name-field-distributor .taxonomy-term > h2 {
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
font-size: 1em; }
|
||||
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term p,
|
||||
#printable-root-page > article .field--name-field-distributor .taxonomy-term p {
|
||||
margin: 0; }
|
||||
#printable-root-page > article .field--name-field-materiau-images {
|
||||
margin-top: 1em;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between; }
|
||||
#printable-root-page > article .field--name-field-materiau-images .field__item {
|
||||
flex: 0 0 33%; }
|
||||
#printable-root-page > article .field--name-field-materiau-images .field__item img {
|
||||
width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.vsa-item__heading{width:100%;height:100%}.vsa-item__heading,.vsa-item__trigger{display:flex;justify-content:flex-start;align-items:center}.vsa-item__trigger{margin:0;padding:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15;border-width:0;background-color:transparent;background-image:none;overflow:visible;text-transform:none;flex:1 1 auto;color:var(--vsa-text-color);transition:all .2s linear;padding:var(--vsa-heading-padding)}.vsa-item__trigger[role=button]{cursor:pointer}.vsa-item__trigger[type=button],.vsa-item__trigger[type=reset],.vsa-item__trigger[type=submit]{-webkit-appearance:button}.vsa-item__trigger:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.vsa-item__trigger::-moz-focus-inner,.vsa-item__trigger[type=button]::-moz-focus-inner,.vsa-item__trigger[type=reset]::-moz-focus-inner,.vsa-item__trigger[type=submit]::-moz-focus-inner{border-style:none;padding:0}.vsa-item__trigger:-moz-focusring,.vsa-item__trigger[type=button]:-moz-focusring,.vsa-item__trigger[type=reset]:-moz-focusring,.vsa-item__trigger[type=submit]:-moz-focusring{outline:1px dotted ButtonText}.vsa-item__trigger:focus,.vsa-item__trigger:hover{outline:none;background-color:var(--vsa-highlight-color);color:var(--vsa-bg-color)}.vsa-item__trigger__icon--is-default{width:40px;height:40px;transform:scale(var(--vsa-default-icon-size))}.vsa-item__trigger__icon--is-default:after,.vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-text-color);content:"";height:3px;position:absolute;top:10px;transition:all .13333s ease-in-out;width:30px}.vsa-item__trigger__icon--is-default:before{left:0;transform:rotate(45deg) translate3d(8px,22px,0);transform-origin:100%}.vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-8px,22px,0);right:0;transform-origin:0}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:before{transform:rotate(45deg) translate3d(14px,14px,0)}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-14px,14px,0)}.vsa-item__trigger__icon{display:block;margin-left:auto;position:relative;transition:all .2s ease-in-out}.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:before,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-bg-color)}.vsa-item__trigger__content{font-weight:700;font-size:1.25rem}.vsa-item__content{margin:0;padding:var(--vsa-content-padding)}.vsa-item--is-active .vsa-item__heading,.vsa-item:not(:last-of-type){border-bottom:var(--vsa-border)}.vsa-collapse-enter-active,.vsa-collapse-leave-active{transition-property:opacity,height,padding-top,padding-bottom;transition-duration:.3s;transition-timing-function:ease-in-out}.vsa-collapse-enter,.vsa-collapse-leave-active{opacity:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.vsa-list{--vsa-max-width:720px;--vsa-min-width:300px;--vsa-heading-padding:1rem 1rem;--vsa-text-color:#373737;--vsa-highlight-color:#57a;--vsa-bg-color:#fff;--vsa-border-color:rgba(0,0,0,0.2);--vsa-border-width:1px;--vsa-border-style:solid;--vsa-border:var(--vsa-border-width) var(--vsa-border-style) var(--vsa-border-color);--vsa-content-padding:1rem 1rem;--vsa-default-icon-size:1;display:block;max-width:var(--vsa-max-width);min-width:var(--vsa-min-width);width:100%;padding:0;margin:0;list-style:none;border:var(--vsa-border);color:var(--vsa-text-color);background-color:var(--vsa-bg-color)}.vsa-list [hidden]{display:none}
|
||||
|
||||
180
web/themes/custom/materiotheme/assets/dist/main.js
vendored
180
web/themes/custom/materiotheme/assets/dist/main.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,17 +0,0 @@
|
||||
/*!
|
||||
* Vue.js v2.6.12
|
||||
* (c) 2014-2020 Evan You
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
||||
/*!
|
||||
* vue-infinite-loading v2.4.5
|
||||
* (c) 2016-2020 PeachScript
|
||||
* MIT License
|
||||
*/
|
||||
|
||||
/*!
|
||||
* vuex v3.6.0
|
||||
* (c) 2020 Evan You
|
||||
* @license MIT
|
||||
*/
|
||||
69
web/themes/custom/materiotheme/assets/dist/print.css
vendored
Normal file
69
web/themes/custom/materiotheme/assets/dist/print.css
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
body {
|
||||
font-size: 16px;
|
||||
font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
line-height: 1.3; }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
#printable-root-page {
|
||||
box-sizing: border-box;
|
||||
width: 21cm;
|
||||
padding: 1cm .5cm 2cm; }
|
||||
#printable-root-page > header {
|
||||
display: flex;
|
||||
flex-flow: nowrap;
|
||||
align-items: baseline; }
|
||||
#printable-root-page > header h1 {
|
||||
margin: 0;
|
||||
font-weight: 600; }
|
||||
#printable-root-page > article {
|
||||
padding-top: 1em; }
|
||||
#printable-root-page > article > h2 {
|
||||
font-weight: 600;
|
||||
margin: 0; }
|
||||
#printable-root-page > article .field--name-field-reference {
|
||||
margin: 0 0 1em 0; }
|
||||
#printable-root-page > article .field--name-body,
|
||||
#printable-root-page > article .field--name-field-samples {
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
#printable-root-page > article .field--name-body {
|
||||
width: 75%; }
|
||||
#printable-root-page > article .field--name-body p {
|
||||
margin: 0; }
|
||||
#printable-root-page > article .field__label {
|
||||
font-size: 0.756em;
|
||||
font-weight: 700; }
|
||||
#printable-root-page > article .field--name-field-samples {
|
||||
width: 23%;
|
||||
text-align: right; }
|
||||
#printable-root-page > article .field--name-field-samples .field__item {
|
||||
font-size: 0.756em; }
|
||||
#printable-root-page > article .field--name-field-manufacturer,
|
||||
#printable-root-page > article .field--name-field-distributor {
|
||||
margin-top: 1em;
|
||||
display: inline-block;
|
||||
width: 49%; }
|
||||
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term > h2,
|
||||
#printable-root-page > article .field--name-field-distributor .taxonomy-term > h2 {
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
font-size: 1em; }
|
||||
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term p,
|
||||
#printable-root-page > article .field--name-field-distributor .taxonomy-term p {
|
||||
margin: 0; }
|
||||
#printable-root-page > article .field--name-field-materiau-images {
|
||||
margin-top: 1em;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between; }
|
||||
#printable-root-page > article .field--name-field-materiau-images .field__item {
|
||||
flex: 0 0 33%; }
|
||||
#printable-root-page > article .field--name-field-materiau-images .field__item img {
|
||||
width: 100%;
|
||||
height: auto; }
|
||||
|
||||
Reference in New Issue
Block a user