{"version":3,"sources":["../../scss/_variables.scss","../../scss/dossiers/reliure.scss","reliure.css"],"names":[],"mappings":"AAIA,gCAAA;ACFA;EACI,YAAA;EACA,YAAA;EACA,sBAAA;EACA,wBAAA;ACAJ;;ADEA;EACI,yBAAA;EACA,WAAA;ACCJ;;ADCA;EACI,0BAAA;EACA,iBAAA;EACA,yBAAA;EACA,kBAAA;ACEJ;;ADAA;EACI,0BAAA;EACA,iBAAA;EACA,4BAAA;EACA,kBAAA;ACGJ;;ADDA;EACI,YAAA;ACIJ;;ADDA,+FAAA;AAEA;EACE,cAAA;ACGF;;ADDA;EACE,cAAA;EACA,SAAA;ACIF;;ADFA;EACE,cAAA;EACA,0BAAA;EACA;qCAAA;EAEA,8CAAA;EACC,4CAAA;EACD,gBAAA;EAEA;;iEAAA;EAGA,mBAAA;ACIF","file":"reliure.css","sourcesContent":["\n$grey-bg: #fafafa;\n$color-secondary: #5A6169;\n$color-dark: #212529;\n/*$bgprint: rgb(254, 242, 232);*/\n$bgprint: lighten(#FFB400, 42%);\n$red : #c4183c;\n$green : #17C671;\n$orange: DarkOrange;\n$orange-light: #ef6c00;\n$blue: #0067F4;\n$cyan-light: #e0f7fa;\n$teal-light: #e0f2f1;\n$amber-light: #fff8e1;\n$green-light: #e8f5e9;\n$red-light: #ffebee;\n$spacer: 1rem;","@import '../variables';\n\n.reliure {\n    width: 400mm;\n    height: 40mm;\n    border: 1px solid gray;\n    transform: rotate(90deg);\n}\n.reliure img {\n    transform: rotate(-90deg);\n    width: 30mm;\n}\n.reliure h1 {\n    font-size: 30pt !important;\n    line-height: 40pt;\n    color: $blue !important;\n    text-align: center;\n}\n.reliure .nom-installation {\n    font-size: 20pt !important;\n    line-height: 30pt;\n    color: darkorange !important;\n    text-align: center;        \n}\ntable tr td {\n    height: 40mm;\n}\n    \n/**************** Pour que le parent de la div rotated s'agrandisse '**************************/\n    \n.rotation-wrapper-outer {\n  display: table;\n}\n.rotation-wrapper-inner {\n  padding: 50% 0;\n  height: 0;\n}\n.element-to-rotate {\n  display: block;\n  transform-origin: top left;\n  /* Note: for a CLOCKWISE rotation, use the commented-out\n     transform instead of this one. */\n  /*transform: rotate(-90deg) translate(-100%);*/\n   transform: rotate(90deg) translate(0, -100%); \n  margin-top: -50%;\n\n  /* Not vital, but possibly a good idea if the element you're rotating contains\n     text and you want a single long vertical line of text and the pre-rotation\n     width of your element is small enough that the text wraps: */\n  white-space: nowrap;\n}  ","/*$bgprint: rgb(254, 242, 232);*/\n.reliure {\n  width: 400mm;\n  height: 40mm;\n  border: 1px solid gray;\n  transform: rotate(90deg);\n}\n\n.reliure img {\n  transform: rotate(-90deg);\n  width: 30mm;\n}\n\n.reliure h1 {\n  font-size: 30pt !important;\n  line-height: 40pt;\n  color: #0067F4 !important;\n  text-align: center;\n}\n\n.reliure .nom-installation {\n  font-size: 20pt !important;\n  line-height: 30pt;\n  color: darkorange !important;\n  text-align: center;\n}\n\ntable tr td {\n  height: 40mm;\n}\n\n/**************** Pour que le parent de la div rotated s'agrandisse '**************************/\n.rotation-wrapper-outer {\n  display: table;\n}\n\n.rotation-wrapper-inner {\n  padding: 50% 0;\n  height: 0;\n}\n\n.element-to-rotate {\n  display: block;\n  transform-origin: top left;\n  /* Note: for a CLOCKWISE rotation, use the commented-out\n     transform instead of this one. */\n  /*transform: rotate(-90deg) translate(-100%);*/\n  transform: rotate(90deg) translate(0, -100%);\n  margin-top: -50%;\n  /* Not vital, but possibly a good idea if the element you're rotating contains\n     text and you want a single long vertical line of text and the pre-rotation\n     width of your element is small enough that the text wraps: */\n  white-space: nowrap;\n}"]}