diff --git a/css/gamutable.css b/css/gamutable.css index 36f6dbc..58f13d1 100644 --- a/css/gamutable.css +++ b/css/gamutable.css @@ -16,7 +16,6 @@ div.vue-input > input { .gamutable__input--filtrer { font-size: 1.2rem; - box-shadow: 0 0 0 1px #999999 inset; padding: 5px 5px !important; } @@ -289,6 +288,10 @@ td.icone i { max-width: 1000px; } +.w1000p input { + width: 1000px; +} + .w950p { width: 950px; } @@ -301,6 +304,10 @@ td.icone i { max-width: 950px; } +.w950p input { + width: 950px; +} + .w900p { width: 900px; } @@ -313,6 +320,10 @@ td.icone i { max-width: 900px; } +.w900p input { + width: 900px; +} + .w850p { width: 850px; } @@ -325,6 +336,10 @@ td.icone i { max-width: 850px; } +.w850p input { + width: 850px; +} + .w800p { width: 800px; } @@ -337,6 +352,10 @@ td.icone i { max-width: 800px; } +.w800p input { + width: 800px; +} + .w750p { width: 750px; } @@ -349,6 +368,10 @@ td.icone i { max-width: 750px; } +.w750p input { + width: 750px; +} + .w700p { width: 700px; } @@ -361,6 +384,10 @@ td.icone i { max-width: 700px; } +.w700p input { + width: 700px; +} + .w650p { width: 650px; } @@ -373,6 +400,10 @@ td.icone i { max-width: 650px; } +.w650p input { + width: 650px; +} + .w600p { width: 600px; } @@ -385,6 +416,10 @@ td.icone i { max-width: 600px; } +.w600p input { + width: 600px; +} + .w550p { width: 550px; } @@ -397,6 +432,10 @@ td.icone i { max-width: 550px; } +.w550p input { + width: 550px; +} + .w500p { width: 500px; } @@ -409,6 +448,10 @@ td.icone i { max-width: 500px; } +.w500p input { + width: 500px; +} + .w450p { width: 450px; } @@ -421,6 +464,10 @@ td.icone i { max-width: 450px; } +.w450p input { + width: 450px; +} + .w400p { width: 400px; } @@ -433,6 +480,10 @@ td.icone i { max-width: 400px; } +.w400p input { + width: 400px; +} + .w350p { width: 350px; } @@ -445,6 +496,10 @@ td.icone i { max-width: 350px; } +.w350p input { + width: 350px; +} + .w300p { width: 300px; } @@ -457,6 +512,10 @@ td.icone i { max-width: 300px; } +.w300p input { + width: 300px; +} + .w250p { width: 250px; } @@ -469,6 +528,10 @@ td.icone i { max-width: 250px; } +.w250p input { + width: 250px; +} + .w200p { width: 200px; } @@ -481,6 +544,10 @@ td.icone i { max-width: 200px; } +.w200p input { + width: 200px; +} + .w190p { width: 190px; } @@ -493,6 +560,10 @@ td.icone i { max-width: 190px; } +.w190p input { + width: 190px; +} + .w180p { width: 180px; } @@ -505,6 +576,10 @@ td.icone i { max-width: 180px; } +.w180p input { + width: 180px; +} + .w170p { width: 170px; } @@ -517,6 +592,10 @@ td.icone i { max-width: 170px; } +.w170p input { + width: 170px; +} + .w160p { width: 160px; } @@ -529,6 +608,10 @@ td.icone i { max-width: 160px; } +.w160p input { + width: 160px; +} + .w150p { width: 150px; } @@ -541,6 +624,10 @@ td.icone i { max-width: 150px; } +.w150p input { + width: 150px; +} + .w140p { width: 140px; } @@ -553,6 +640,10 @@ td.icone i { max-width: 140px; } +.w140p input { + width: 140px; +} + .w130p { width: 130px; } @@ -565,6 +656,10 @@ td.icone i { max-width: 130px; } +.w130p input { + width: 130px; +} + .w120p { width: 120px; } @@ -577,6 +672,10 @@ td.icone i { max-width: 120px; } +.w120p input { + width: 120px; +} + .w110p { width: 110px; } @@ -589,6 +688,10 @@ td.icone i { max-width: 110px; } +.w110p input { + width: 110px; +} + .w100p { width: 100px; } @@ -601,6 +704,10 @@ td.icone i { max-width: 100px; } +.w100p input { + width: 100px; +} + .w90p { width: 90px; } @@ -613,6 +720,10 @@ td.icone i { max-width: 90px; } +.w90p input { + width: 90px; +} + .w80p { width: 80px; } @@ -625,6 +736,10 @@ td.icone i { max-width: 80px; } +.w80p input { + width: 80px; +} + .w70p { width: 70px; } @@ -637,6 +752,10 @@ td.icone i { max-width: 70px; } +.w70p input { + width: 70px; +} + .w60p { width: 60px; } @@ -649,6 +768,10 @@ td.icone i { max-width: 60px; } +.w60p input { + width: 60px; +} + .w50p { width: 50px; } @@ -661,6 +784,10 @@ td.icone i { max-width: 50px; } +.w50p input { + width: 50px; +} + .w40p { width: 40px; } @@ -673,6 +800,10 @@ td.icone i { max-width: 40px; } +.w40p input { + width: 40px; +} + .w30p { width: 30px; } @@ -685,6 +816,10 @@ td.icone i { max-width: 30px; } +.w30p input { + width: 30px; +} + .w20p { width: 20px; } @@ -697,6 +832,10 @@ td.icone i { max-width: 20px; } +.w20p input { + width: 20px; +} + .w10p { width: 10px; } @@ -709,6 +848,10 @@ td.icone i { max-width: 10px; } +.w10p input { + width: 10px; +} + .w66 { width: calc(100% / 3 * 2); } diff --git a/css/gamutable.css.map b/css/gamutable.css.map index 18c1dc6..33d8b15 100644 --- a/css/gamutable.css.map +++ b/css/gamutable.css.map @@ -1 +1 @@ -{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"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;EACC,YAAe;ACwKjB;;ADtKC;EACC,gBAAmB;ACyKrB;;ADvKC;EACC,gBAAmB;AC0KrB;;ADjLC;EACC,YAAe;ACoLjB;;ADlLC;EACC,gBAAmB;ACqLrB;;ADnLC;EACC,gBAAmB;ACsLrB;;AD7LC;EACC,YAAe;ACgMjB;;AD9LC;EACC,gBAAmB;ACiMrB;;AD/LC;EACC,gBAAmB;ACkMrB;;ADzMC;EACC,YAAe;AC4MjB;;AD1MC;EACC,gBAAmB;AC6MrB;;AD3MC;EACC,gBAAmB;AC8MrB;;ADrNC;EACC,YAAe;ACwNjB;;ADtNC;EACC,gBAAmB;ACyNrB;;ADvNC;EACC,gBAAmB;AC0NrB;;ADjOC;EACC,YAAe;ACoOjB;;ADlOC;EACC,gBAAmB;ACqOrB;;ADnOC;EACC,gBAAmB;ACsOrB;;AD7OC;EACC,YAAe;ACgPjB;;AD9OC;EACC,gBAAmB;ACiPrB;;AD/OC;EACC,gBAAmB;ACkPrB;;ADzPC;EACC,YAAe;AC4PjB;;AD1PC;EACC,gBAAmB;AC6PrB;;AD3PC;EACC,gBAAmB;AC8PrB;;ADrQC;EACC,YAAe;ACwQjB;;ADtQC;EACC,gBAAmB;ACyQrB;;ADvQC;EACC,gBAAmB;AC0QrB;;ADpQC;EACC,YAAe;ACuQjB;;ADrQC;EACC,gBAAmB;ACwQrB;;ADtQC;EACC,gBAAmB;ACyQrB;;ADhRC;EACC,YAAe;ACmRjB;;ADjRC;EACC,gBAAmB;ACoRrB;;ADlRC;EACC,gBAAmB;ACqRrB;;AD5RC;EACC,YAAe;AC+RjB;;AD7RC;EACC,gBAAmB;ACgSrB;;AD9RC;EACC,gBAAmB;ACiSrB;;ADxSC;EACC,YAAe;AC2SjB;;ADzSC;EACC,gBAAmB;AC4SrB;;AD1SC;EACC,gBAAmB;AC6SrB;;ADpTC;EACC,YAAe;ACuTjB;;ADrTC;EACC,gBAAmB;ACwTrB;;ADtTC;EACC,gBAAmB;ACyTrB;;ADhUC;EACC,YAAe;ACmUjB;;ADjUC;EACC,gBAAmB;ACoUrB;;ADlUC;EACC,gBAAmB;ACqUrB;;AD5UC;EACC,YAAe;AC+UjB;;AD7UC;EACC,gBAAmB;ACgVrB;;AD9UC;EACC,gBAAmB;ACiVrB;;ADxVC;EACC,YAAe;AC2VjB;;ADzVC;EACC,gBAAmB;AC4VrB;;AD1VC;EACC,gBAAmB;AC6VrB;;ADpWC;EACC,YAAe;ACuWjB;;ADrWC;EACC,gBAAmB;ACwWrB;;ADtWC;EACC,gBAAmB;ACyWrB;;ADhXC;EACC,YAAe;ACmXjB;;ADjXC;EACC,gBAAmB;ACoXrB;;ADlXC;EACC,gBAAmB;ACqXrB;;AD5XC;EACC,YAAe;AC+XjB;;AD7XC;EACC,gBAAmB;ACgYrB;;AD9XC;EACC,gBAAmB;ACiYrB;;ADxYC;EACC,WAAe;AC2YjB;;ADzYC;EACC,eAAmB;AC4YrB;;AD1YC;EACC,eAAmB;AC6YrB;;ADpZC;EACC,WAAe;ACuZjB;;ADrZC;EACC,eAAmB;ACwZrB;;ADtZC;EACC,eAAmB;ACyZrB;;ADhaC;EACC,WAAe;ACmajB;;ADjaC;EACC,eAAmB;ACoarB;;ADlaC;EACC,eAAmB;ACqarB;;AD5aC;EACC,WAAe;AC+ajB;;AD7aC;EACC,eAAmB;ACgbrB;;AD9aC;EACC,eAAmB;ACibrB;;ADxbC;EACC,WAAe;AC2bjB;;ADzbC;EACC,eAAmB;AC4brB;;AD1bC;EACC,eAAmB;AC6brB;;ADpcC;EACC,WAAe;ACucjB;;ADrcC;EACC,eAAmB;ACwcrB;;ADtcC;EACC,eAAmB;ACycrB;;ADhdC;EACC,WAAe;ACmdjB;;ADjdC;EACC,eAAmB;ACodrB;;ADldC;EACC,eAAmB;ACqdrB;;AD5dC;EACC,WAAe;AC+djB;;AD7dC;EACC,eAAmB;ACgerB;;AD9dC;EACC,eAAmB;ACierB;;ADxeC;EACC,WAAe;AC2ejB;;ADzeC;EACC,eAAmB;AC4erB;;AD1eC;EACC,eAAmB;AC6erB;;ADxeA;EACC,yBAAyB;AC2e1B;;ADzeA;EACC,qBAAqB;AC4etB;;AD1eA;EACC,WAAW;AC6eZ;;AD3eA;EACC,YAAY;AC8eb;;AD5eA;EACC,gBAAgB;AC+ejB;;AD7eA;EACC,gBAAgB;ACgfjB;;AD9eA;EACC,aAAa;ACifd;;AD/eA;EACC,iBAAiB;ACkflB;;ADhfA;EACC,iBAAiB;ACmflB","file":"gamutable.css","sourcesContent":["// ----------------------------\n// Surcharge de vue-next-select\n// ----------------------------\n.gamutable__input--rechercher {\n\tpadding: 0.25rem 1rem;\n}\n.vue-tags .vue-tag.selected {\n\tfont-size: 1.2rem;\n}\ndiv.vue-input > input {\n\tfont-size: 1.2rem;\n}\n.tag--ub {\n\tdisplay: inline-block;\n}\n.gamutable__input--filtrer {\n\tfont-size: 1.2rem;\n\tbox-shadow: 0 0 0 1px rgb(153, 153, 153) inset;\n\tpadding: 5px 5px !important;\n\t&:valid {\n\t\tfont-size: 1.2rem;\n\t\tbackground-color: rgb(153, 153, 153);\n\t\tcolor: #000;\n\t}\n}\n.gamutable__input--filtrer:placeholder-shown {\n\tbackground-color: transparent;\n\tcolor: inherit;\n}\n// ----------------------------\n// Fin de la surcharge de vue-next-select\n// ----------------------------\n.gamutable--surTable {\n\tselect,\n\tinput {\n\t\tmargin-bottom: 0;\n\t}\n\t.gamutable-nbrMax {\n\t\tmargin-left: 2rem;\n\t}\n\t.includespip {\n\t\tmargin-left: 2rem;\n\t}\n}\n.gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n\t.page-item {\n\t\tdisplay: flex;\n\t}\n\t.page-link {\n\t\tmargin: 0 0.2rem;\n\t\tbackground-color: #eee;\n\t\tcursor: pointer;\n\t}\n}\n\n.h2-like.titregamutable,\n.h2-like.titregamutable_deux {\n\tfont-weight: bold;\n}\n.gamutable table {\n\t// patch provisoire\n\t// .vue-dropdown-item > span {\n\t// \tdisplay: inline-block;\n\t// \tmin-height: 1rem;\n\t// }\n\n\tfont-size: 1rem;\n\ttable-layout: auto;\n\tthead {\n\t\tborder: 1px solid rgb(119, 119, 119);\n\t}\n\t.gt_labels {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: calc(1rem + 4px);\n\t\t//position: relative;\n\t\t.fa {\n\t\t\tpadding: 2px 5px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: rgb(220, 53, 69);\n\t\tcolor: rgb(220, 53, 69);\n\t}\n\ttbody tr:hover {\n\t\tbackground-color: rgba(179, 209, 67, 0.27);\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\n\ntr.filtreColonne th {\n\tpadding: 0;\n\tselect {\n\t\tmargin: 0;\n\t}\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ndiv.gamutable .url_action {\n\tpadding: 0.2rem;\n\tdisplay: inline-block;\n\tbackground-color: #f5f5f5;\n\tborder: 1px solid #cecece;\n\tborder-radius: 5px;\n\t&:hover {\n\t\tbackground-color: #cecece;\n\t}\n}\n\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n\n.vueBlocs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.vueBlocs-unbloc {\n\twidth: 23%;\n\tborder: 1px solid #cecece;\n\tmargin-bottom: 1rem;\n\tmargin-right: 1rem;\n}\n\n.viderInputSearch {\n\tcolor: #ff0000;\n}\n\n/* blocks widths (percentage and pixels) */\n$i: 100;\n@while $i > 0 {\n\t.w#{$i} {\n\t\twidth: $i * 1%;\n\t}\n\t$i: $i - 5;\n}\n\n$i: 1000;\n@while $i > 200 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 50;\n}\n$i: 200;\n@while $i > 0 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t$i: $i - 10;\n}\n\n.w66 {\n\twidth: calc(100% / 3 * 2);\n}\n.w33 {\n\twidth: calc(100% / 3);\n}\n.wauto {\n\twidth: auto;\n}\n.w960p {\n\twidth: 960px;\n}\n.minw960p {\n\tmin-width: 960px;\n}\n.maxw960p {\n\tmax-width: 960px;\n}\n.w1140p {\n\twidth: 1140px;\n}\n.minw1140p {\n\tmin-width: 1140px;\n}\n.maxw1140p {\n\tmax-width: 1140px;\n}\n",".gamutable__input--rechercher {\n padding: 0.25rem 1rem;\n}\n\n.vue-tags .vue-tag.selected {\n font-size: 1.2rem;\n}\n\ndiv.vue-input > input {\n font-size: 1.2rem;\n}\n\n.tag--ub {\n display: inline-block;\n}\n\n.gamutable__input--filtrer {\n font-size: 1.2rem;\n box-shadow: 0 0 0 1px #999999 inset;\n padding: 5px 5px !important;\n}\n\n.gamutable__input--filtrer:valid {\n font-size: 1.2rem;\n background-color: #999999;\n color: #000;\n}\n\n.gamutable__input--filtrer:placeholder-shown {\n background-color: transparent;\n color: inherit;\n}\n\n.gamutable--surTable select,\n.gamutable--surTable input {\n margin-bottom: 0;\n}\n\n.gamutable--surTable .gamutable-nbrMax {\n margin-left: 2rem;\n}\n\n.gamutable--surTable .includespip {\n margin-left: 2rem;\n}\n\n.gamutable--sousTable {\n display: flex;\n justify-content: space-between;\n}\n\n.gamutable--pagination {\n display: flex;\n}\n\n.gamutable--pagination .page-item {\n display: flex;\n}\n\n.gamutable--pagination .page-link {\n margin: 0 0.2rem;\n background-color: #eee;\n cursor: pointer;\n}\n\n.h2-like.titregamutable,\n.h2-like.titregamutable_deux {\n font-weight: bold;\n}\n\n.gamutable table {\n font-size: 1rem;\n table-layout: auto;\n}\n\n.gamutable table thead {\n border: 1px solid #777777;\n}\n\n.gamutable table .gt_labels {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.gamutable table th > div {\n display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n float: right;\n width: calc(1rem + 4px);\n}\n\n.gamutable table .iconeTri .fa {\n padding: 2px 5px;\n cursor: pointer;\n}\n\n.gamutable table .tri_col {\n cursor: pointer;\n fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n fill: #dc3545;\n color: #dc3545;\n}\n\n.gamutable table tbody tr:hover {\n background-color: rgba(179, 209, 67, 0.27);\n}\n\n#app .select {\n background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n cursor: pointer;\n}\n\nth.icone {\n width: 30px;\n text-align: center;\n}\n\ntr.filtreColonne th {\n padding: 0;\n}\n\ntr.filtreColonne th select {\n margin: 0;\n}\n\ntd.icone > * {\n width: 100%;\n display: block;\n padding: 0.5rem;\n text-align: center;\n}\n\ndiv.gamutable .url_action {\n padding: 0.2rem;\n display: inline-block;\n background-color: #f5f5f5;\n border: 1px solid #cecece;\n border-radius: 5px;\n}\n\ndiv.gamutable .url_action:hover {\n background-color: #cecece;\n}\n\ntd.icone i {\n font-size: 1.8rem;\n}\n\n.vueBlocs {\n display: flex;\n flex-wrap: wrap;\n}\n\n.vueBlocs-unbloc {\n width: 23%;\n border: 1px solid #cecece;\n margin-bottom: 1rem;\n margin-right: 1rem;\n}\n\n.viderInputSearch {\n color: #ff0000;\n}\n\n/* blocks widths (percentage and pixels) */\n.w100 {\n width: 100%;\n}\n\n.w95 {\n width: 95%;\n}\n\n.w90 {\n width: 90%;\n}\n\n.w85 {\n width: 85%;\n}\n\n.w80 {\n width: 80%;\n}\n\n.w75 {\n width: 75%;\n}\n\n.w70 {\n width: 70%;\n}\n\n.w65 {\n width: 65%;\n}\n\n.w60 {\n width: 60%;\n}\n\n.w55 {\n width: 55%;\n}\n\n.w50 {\n width: 50%;\n}\n\n.w45 {\n width: 45%;\n}\n\n.w40 {\n width: 40%;\n}\n\n.w35 {\n width: 35%;\n}\n\n.w30 {\n width: 30%;\n}\n\n.w25 {\n width: 25%;\n}\n\n.w20 {\n width: 20%;\n}\n\n.w15 {\n width: 15%;\n}\n\n.w10 {\n width: 10%;\n}\n\n.w5 {\n width: 5%;\n}\n\n.w1000p {\n width: 1000px;\n}\n\n.minw1000p {\n min-width: 1000px;\n}\n\n.maxw1000p {\n max-width: 1000px;\n}\n\n.w950p {\n width: 950px;\n}\n\n.minw950p {\n min-width: 950px;\n}\n\n.maxw950p {\n max-width: 950px;\n}\n\n.w900p {\n width: 900px;\n}\n\n.minw900p {\n min-width: 900px;\n}\n\n.maxw900p {\n max-width: 900px;\n}\n\n.w850p {\n width: 850px;\n}\n\n.minw850p {\n min-width: 850px;\n}\n\n.maxw850p {\n max-width: 850px;\n}\n\n.w800p {\n width: 800px;\n}\n\n.minw800p {\n min-width: 800px;\n}\n\n.maxw800p {\n max-width: 800px;\n}\n\n.w750p {\n width: 750px;\n}\n\n.minw750p {\n min-width: 750px;\n}\n\n.maxw750p {\n max-width: 750px;\n}\n\n.w700p {\n width: 700px;\n}\n\n.minw700p {\n min-width: 700px;\n}\n\n.maxw700p {\n max-width: 700px;\n}\n\n.w650p {\n width: 650px;\n}\n\n.minw650p {\n min-width: 650px;\n}\n\n.maxw650p {\n max-width: 650px;\n}\n\n.w600p {\n width: 600px;\n}\n\n.minw600p {\n min-width: 600px;\n}\n\n.maxw600p {\n max-width: 600px;\n}\n\n.w550p {\n width: 550px;\n}\n\n.minw550p {\n min-width: 550px;\n}\n\n.maxw550p {\n max-width: 550px;\n}\n\n.w500p {\n width: 500px;\n}\n\n.minw500p {\n min-width: 500px;\n}\n\n.maxw500p {\n max-width: 500px;\n}\n\n.w450p {\n width: 450px;\n}\n\n.minw450p {\n min-width: 450px;\n}\n\n.maxw450p {\n max-width: 450px;\n}\n\n.w400p {\n width: 400px;\n}\n\n.minw400p {\n min-width: 400px;\n}\n\n.maxw400p {\n max-width: 400px;\n}\n\n.w350p {\n width: 350px;\n}\n\n.minw350p {\n min-width: 350px;\n}\n\n.maxw350p {\n max-width: 350px;\n}\n\n.w300p {\n width: 300px;\n}\n\n.minw300p {\n min-width: 300px;\n}\n\n.maxw300p {\n max-width: 300px;\n}\n\n.w250p {\n width: 250px;\n}\n\n.minw250p {\n min-width: 250px;\n}\n\n.maxw250p {\n max-width: 250px;\n}\n\n.w200p {\n width: 200px;\n}\n\n.minw200p {\n min-width: 200px;\n}\n\n.maxw200p {\n max-width: 200px;\n}\n\n.w190p {\n width: 190px;\n}\n\n.minw190p {\n min-width: 190px;\n}\n\n.maxw190p {\n max-width: 190px;\n}\n\n.w180p {\n width: 180px;\n}\n\n.minw180p {\n min-width: 180px;\n}\n\n.maxw180p {\n max-width: 180px;\n}\n\n.w170p {\n width: 170px;\n}\n\n.minw170p {\n min-width: 170px;\n}\n\n.maxw170p {\n max-width: 170px;\n}\n\n.w160p {\n width: 160px;\n}\n\n.minw160p {\n min-width: 160px;\n}\n\n.maxw160p {\n max-width: 160px;\n}\n\n.w150p {\n width: 150px;\n}\n\n.minw150p {\n min-width: 150px;\n}\n\n.maxw150p {\n max-width: 150px;\n}\n\n.w140p {\n width: 140px;\n}\n\n.minw140p {\n min-width: 140px;\n}\n\n.maxw140p {\n max-width: 140px;\n}\n\n.w130p {\n width: 130px;\n}\n\n.minw130p {\n min-width: 130px;\n}\n\n.maxw130p {\n max-width: 130px;\n}\n\n.w120p {\n width: 120px;\n}\n\n.minw120p {\n min-width: 120px;\n}\n\n.maxw120p {\n max-width: 120px;\n}\n\n.w110p {\n width: 110px;\n}\n\n.minw110p {\n min-width: 110px;\n}\n\n.maxw110p {\n max-width: 110px;\n}\n\n.w100p {\n width: 100px;\n}\n\n.minw100p {\n min-width: 100px;\n}\n\n.maxw100p {\n max-width: 100px;\n}\n\n.w90p {\n width: 90px;\n}\n\n.minw90p {\n min-width: 90px;\n}\n\n.maxw90p {\n max-width: 90px;\n}\n\n.w80p {\n width: 80px;\n}\n\n.minw80p {\n min-width: 80px;\n}\n\n.maxw80p {\n max-width: 80px;\n}\n\n.w70p {\n width: 70px;\n}\n\n.minw70p {\n min-width: 70px;\n}\n\n.maxw70p {\n max-width: 70px;\n}\n\n.w60p {\n width: 60px;\n}\n\n.minw60p {\n min-width: 60px;\n}\n\n.maxw60p {\n max-width: 60px;\n}\n\n.w50p {\n width: 50px;\n}\n\n.minw50p {\n min-width: 50px;\n}\n\n.maxw50p {\n max-width: 50px;\n}\n\n.w40p {\n width: 40px;\n}\n\n.minw40p {\n min-width: 40px;\n}\n\n.maxw40p {\n max-width: 40px;\n}\n\n.w30p {\n width: 30px;\n}\n\n.minw30p {\n min-width: 30px;\n}\n\n.maxw30p {\n max-width: 30px;\n}\n\n.w20p {\n width: 20px;\n}\n\n.minw20p {\n min-width: 20px;\n}\n\n.maxw20p {\n max-width: 20px;\n}\n\n.w10p {\n width: 10px;\n}\n\n.minw10p {\n min-width: 10px;\n}\n\n.maxw10p {\n max-width: 10px;\n}\n\n.w66 {\n width: calc(100% / 3 * 2);\n}\n\n.w33 {\n width: calc(100% / 3);\n}\n\n.wauto {\n width: auto;\n}\n\n.w960p {\n width: 960px;\n}\n\n.minw960p {\n min-width: 960px;\n}\n\n.maxw960p {\n max-width: 960px;\n}\n\n.w1140p {\n width: 1140px;\n}\n\n.minw1140p {\n min-width: 1140px;\n}\n\n.maxw1140p {\n max-width: 1140px;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"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DlKC;EACC,gBAAmB;ACqKrB;;ADnKC;EACC,YAAe;ACsKjB;;ADhLC;EACC,YAAe;ACmLjB;;ADjLC;EACC,gBAAmB;ACoLrB;;ADlLC;EACC,gBAAmB;ACqLrB;;ADnLC;EACC,YAAe;ACsLjB;;ADhMC;EACC,YAAe;ACmMjB;;ADjMC;EACC,gBAAmB;ACoMrB;;ADlMC;EACC,gBAAmB;ACqMrB;;ADnMC;EACC,YAAe;ACsMjB;;ADhNC;EACC,YAAe;ACmNjB;;ADjNC;EACC,gBAAmB;ACoNrB;;ADlNC;EACC,gBAAmB;ACqNrB;;ADnNC;EACC,YAAe;ACsNjB;;ADhOC;EACC,YAAe;ACmOjB;;ADjOC;EACC,gBAAmB;ACoOrB;;ADlOC;EACC,gBAAmB;ACqOrB;;ADnOC;EACC,YAAe;ACsOjB;;ADhPC;EACC,YAAe;ACmPjB;;ADjPC;EACC,gBAAmB;ACoPrB;;ADlPC;EACC,gBAAmB;ACqPrB;;ADnPC;EACC,YAAe;ACsPjB;;ADhQC;EACC,YAAe;ACmQjB;;ADjQC;EACC,gBAAmB;ACoQrB;;ADlQC;EACC,gBAAmB;ACqQrB;;ADnQC;EACC,YAAe;ACsQjB;;ADhRC;EACC,YAAe;ACmRjB;;ADjRC;EACC,gBAAmB;ACoRrB;;ADlRC;EACC,gBAAmB;ACqRrB;;ADnRC;EACC,YAAe;ACsRjB;;ADhSC;EACC,YAAe;ACmSjB;;ADjSC;EACC,gBAAmB;ACoSrB;;ADlSC;EACC,gBAAmB;ACqSrB;;ADnSC;EACC,YAAe;ACsSjB;;ADhTC;EACC,YAAe;ACmTjB;;ADjTC;EACC,gBAAmB;ACoTrB;;ADlTC;EACC,gBAAmB;ACqTrB;;ADnTC;EACC,YAAe;ACsTjB;;ADhUC;EACC,YAAe;ACmUjB;;ADjUC;EACC,gBAAmB;ACoUrB;;ADlUC;EACC,gBAAmB;ACqUrB;;ADnUC;EACC,YAAe;ACsUjB;;ADhUC;EACC,YAAe;ACmUjB;;ADjUC;EACC,gBAAmB;ACoUrB;;ADlUC;EACC,gBAAmB;ACqUrB;;ADnUC;EACC,YAAe;ACsUjB;;ADhVC;EACC,YAAe;ACmVjB;;ADjVC;EACC,gBAAmB;ACoVrB;;ADlVC;EACC,gBAAmB;ACqVrB;;ADnVC;EACC,YAAe;ACsVjB;;ADhWC;EACC,YAAe;ACmWjB;;ADjWC;EACC,gBAAmB;ACoWrB;;ADlWC;EACC,gBAAmB;ACqWrB;;ADnWC;EACC,YAAe;ACsWjB;;ADhXC;EACC,YAAe;ACmXjB;;ADjXC;EACC,gBAAmB;ACoXrB;;ADlXC;EACC,gBAAmB;ACqXrB;;ADnXC;EACC,YAAe;ACsXjB;;ADhYC;EACC,YAAe;ACmYjB;;ADjYC;EACC,gBAAmB;ACoYrB;;ADlYC;EACC,gBAAmB;ACqYrB;;ADnYC;EACC,YAAe;ACsYjB;;ADhZC;EACC,YAAe;ACmZjB;;ADjZC;EACC,gBAAmB;ACoZrB;;ADlZC;EACC,gBAAmB;ACqZrB;;ADnZC;EACC,YAAe;ACsZjB;;ADhaC;EACC,YAAe;ACmajB;;ADjaC;EACC,gBAAmB;ACoarB;;ADlaC;EACC,gBAAmB;ACqarB;;ADnaC;EACC,YAAe;ACsajB;;ADhbC;EACC,YAAe;ACmbjB;;ADjbC;EACC,gBAAmB;ACobrB;;ADlbC;EACC,gBAAmB;ACqbrB;;ADnbC;EACC,YAAe;ACsbjB;;ADhcC;EACC,YAAe;ACmcjB;;ADjcC;EACC,gBAAmB;ACocrB;;ADlcC;EACC,gBAAmB;ACqcrB;;ADncC;EACC,YAAe;ACscjB;;ADhdC;EACC,YAAe;ACmdjB;;ADjdC;EACC,gBAAmB;ACodrB;;ADldC;EACC,gBAAmB;ACqdrB;;ADndC;EACC,YAAe;ACsdjB;;ADheC;EACC,YAAe;ACmejB;;ADjeC;EACC,gBAAmB;ACoerB;;ADleC;EACC,gBAAmB;ACqerB;;ADneC;EACC,YAAe;ACsejB;;ADhfC;EACC,WAAe;ACmfjB;;ADjfC;EACC,eAAmB;ACofrB;;ADlfC;EACC,eAAmB;ACqfrB;;ADnfC;EACC,WAAe;ACsfjB;;ADhgBC;EACC,WAAe;ACmgBjB;;ADjgBC;EACC,eAAmB;ACogBrB;;ADlgBC;EACC,eAAmB;ACqgBrB;;ADngBC;EACC,WAAe;ACsgBjB;;ADhhBC;EACC,WAAe;ACmhBjB;;ADjhBC;EACC,eAAmB;ACohBrB;;ADlhBC;EACC,eAAmB;ACqhBrB;;ADnhBC;EACC,WAAe;ACshBjB;;ADhiBC;EACC,WAAe;ACmiBjB;;ADjiBC;EACC,eAAmB;ACoiBrB;;ADliBC;EACC,eAAmB;ACqiBrB;;ADniBC;EACC,WAAe;ACsiBjB;;ADhjBC;EACC,WAAe;ACmjBjB;;ADjjBC;EACC,eAAmB;ACojBrB;;ADljBC;EACC,eAAmB;ACqjBrB;;ADnjBC;EACC,WAAe;ACsjBjB;;ADhkBC;EACC,WAAe;ACmkBjB;;ADjkBC;EACC,eAAmB;ACokBrB;;ADlkBC;EACC,eAAmB;ACqkBrB;;ADnkBC;EACC,WAAe;ACskBjB;;ADhlBC;EACC,WAAe;ACmlBjB;;ADjlBC;EACC,eAAmB;AColBrB;;ADllBC;EACC,eAAmB;ACqlBrB;;ADnlBC;EACC,WAAe;ACslBjB;;ADhmBC;EACC,WAAe;ACmmBjB;;ADjmBC;EACC,eAAmB;AComBrB;;ADlmBC;EACC,eAAmB;ACqmBrB;;ADnmBC;EACC,WAAe;ACsmBjB;;ADhnBC;EACC,WAAe;ACmnBjB;;ADjnBC;EACC,eAAmB;AConBrB;;ADlnBC;EACC,eAAmB;ACqnBrB;;ADnnBC;EACC,WAAe;ACsnBjB;;ADjnBA;EACC,yBAAyB;AConB1B;;ADlnBA;EACC,qBAAqB;ACqnBtB;;ADnnBA;EACC,WAAW;ACsnBZ;;ADpnBA;EACC,YAAY;ACunBb;;ADrnBA;EACC,gBAAgB;ACwnBjB;;ADtnBA;EACC,gBAAgB;ACynBjB;;ADvnBA;EACC,aAAa;AC0nBd;;ADxnBA;EACC,iBAAiB;AC2nBlB;;ADznBA;EACC,iBAAiB;AC4nBlB","file":"gamutable.css","sourcesContent":["// ----------------------------\n// Surcharge de vue-next-select\n// ----------------------------\n.gamutable__input--rechercher {\n\tpadding: 0.25rem 1rem;\n}\n.vue-tags .vue-tag.selected {\n\tfont-size: 1.2rem;\n}\ndiv.vue-input > input {\n\tfont-size: 1.2rem;\n}\n.tag--ub {\n\tdisplay: inline-block;\n}\n.gamutable__input--filtrer {\n\tfont-size: 1.2rem;\n\t//box-shadow: 0 0 0 1px rgb(153, 153, 153) inset;\n\tpadding: 5px 5px !important;\n\t&:valid {\n\t\tfont-size: 1.2rem;\n\t\tbackground-color: rgb(153, 153, 153);\n\t\tcolor: #000;\n\t}\n}\n.gamutable__input--filtrer:placeholder-shown {\n\tbackground-color: transparent;\n\tcolor: inherit;\n}\n// ----------------------------\n// Fin de la surcharge de vue-next-select\n// ----------------------------\n.gamutable--surTable {\n\tselect,\n\tinput {\n\t\tmargin-bottom: 0;\n\t}\n\t.gamutable-nbrMax {\n\t\tmargin-left: 2rem;\n\t}\n\t.includespip {\n\t\tmargin-left: 2rem;\n\t}\n}\n.gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n\t.page-item {\n\t\tdisplay: flex;\n\t}\n\t.page-link {\n\t\tmargin: 0 0.2rem;\n\t\tbackground-color: #eee;\n\t\tcursor: pointer;\n\t}\n}\n\n.h2-like.titregamutable,\n.h2-like.titregamutable_deux {\n\tfont-weight: bold;\n}\n.gamutable table {\n\t// patch provisoire\n\t// .vue-dropdown-item > span {\n\t// \tdisplay: inline-block;\n\t// \tmin-height: 1rem;\n\t// }\n\n\tfont-size: 1rem;\n\ttable-layout: auto;\n\tthead {\n\t\tborder: 1px solid rgb(119, 119, 119);\n\t}\n\t.gt_labels {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: calc(1rem + 4px);\n\t\t//position: relative;\n\t\t.fa {\n\t\t\tpadding: 2px 5px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: rgb(220, 53, 69);\n\t\tcolor: rgb(220, 53, 69);\n\t}\n\ttbody tr:hover {\n\t\tbackground-color: rgba(179, 209, 67, 0.27);\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\n\ntr.filtreColonne th {\n\tpadding: 0;\n\tselect {\n\t\tmargin: 0;\n\t}\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ndiv.gamutable .url_action {\n\tpadding: 0.2rem;\n\tdisplay: inline-block;\n\tbackground-color: #f5f5f5;\n\tborder: 1px solid #cecece;\n\tborder-radius: 5px;\n\t&:hover {\n\t\tbackground-color: #cecece;\n\t}\n}\n\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n\n.vueBlocs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.vueBlocs-unbloc {\n\twidth: 23%;\n\tborder: 1px solid #cecece;\n\tmargin-bottom: 1rem;\n\tmargin-right: 1rem;\n}\n\n.viderInputSearch {\n\tcolor: #ff0000;\n}\n\n/* blocks widths (percentage and pixels) */\n$i: 100;\n@while $i > 0 {\n\t.w#{$i} {\n\t\twidth: $i * 1%;\n\t}\n\t$i: $i - 5;\n}\n\n$i: 1000;\n@while $i > 200 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t.w#{$i}p input {\n\t\twidth: $i * 1px;\n\t}\n\t$i: $i - 50;\n}\n$i: 200;\n@while $i > 0 {\n\t.w#{$i}p {\n\t\twidth: $i * 1px;\n\t}\n\t.minw#{$i}p {\n\t\tmin-width: $i * 1px;\n\t}\n\t.maxw#{$i}p {\n\t\tmax-width: $i * 1px;\n\t}\n\t.w#{$i}p input {\n\t\twidth: $i * 1px;\n\t}\n\t$i: $i - 10;\n}\n\n.w66 {\n\twidth: calc(100% / 3 * 2);\n}\n.w33 {\n\twidth: calc(100% / 3);\n}\n.wauto {\n\twidth: auto;\n}\n.w960p {\n\twidth: 960px;\n}\n.minw960p {\n\tmin-width: 960px;\n}\n.maxw960p {\n\tmax-width: 960px;\n}\n.w1140p {\n\twidth: 1140px;\n}\n.minw1140p {\n\tmin-width: 1140px;\n}\n.maxw1140p {\n\tmax-width: 1140px;\n}\n",".gamutable__input--rechercher {\n padding: 0.25rem 1rem;\n}\n\n.vue-tags .vue-tag.selected {\n font-size: 1.2rem;\n}\n\ndiv.vue-input > input {\n font-size: 1.2rem;\n}\n\n.tag--ub {\n display: inline-block;\n}\n\n.gamutable__input--filtrer {\n font-size: 1.2rem;\n padding: 5px 5px !important;\n}\n\n.gamutable__input--filtrer:valid {\n font-size: 1.2rem;\n background-color: #999999;\n color: #000;\n}\n\n.gamutable__input--filtrer:placeholder-shown {\n background-color: transparent;\n color: inherit;\n}\n\n.gamutable--surTable select,\n.gamutable--surTable input {\n margin-bottom: 0;\n}\n\n.gamutable--surTable .gamutable-nbrMax {\n margin-left: 2rem;\n}\n\n.gamutable--surTable .includespip {\n margin-left: 2rem;\n}\n\n.gamutable--sousTable {\n display: flex;\n justify-content: space-between;\n}\n\n.gamutable--pagination {\n display: flex;\n}\n\n.gamutable--pagination .page-item {\n display: flex;\n}\n\n.gamutable--pagination .page-link {\n margin: 0 0.2rem;\n background-color: #eee;\n cursor: pointer;\n}\n\n.h2-like.titregamutable,\n.h2-like.titregamutable_deux {\n font-weight: bold;\n}\n\n.gamutable table {\n font-size: 1rem;\n table-layout: auto;\n}\n\n.gamutable table thead {\n border: 1px solid #777777;\n}\n\n.gamutable table .gt_labels {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.gamutable table th > div {\n display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n float: right;\n width: calc(1rem + 4px);\n}\n\n.gamutable table .iconeTri .fa {\n padding: 2px 5px;\n cursor: pointer;\n}\n\n.gamutable table .tri_col {\n cursor: pointer;\n fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n fill: #dc3545;\n color: #dc3545;\n}\n\n.gamutable table tbody tr:hover {\n background-color: rgba(179, 209, 67, 0.27);\n}\n\n#app .select {\n background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n cursor: pointer;\n}\n\nth.icone {\n width: 30px;\n text-align: center;\n}\n\ntr.filtreColonne th {\n padding: 0;\n}\n\ntr.filtreColonne th select {\n margin: 0;\n}\n\ntd.icone > * {\n width: 100%;\n display: block;\n padding: 0.5rem;\n text-align: center;\n}\n\ndiv.gamutable .url_action {\n padding: 0.2rem;\n display: inline-block;\n background-color: #f5f5f5;\n border: 1px solid #cecece;\n border-radius: 5px;\n}\n\ndiv.gamutable .url_action:hover {\n background-color: #cecece;\n}\n\ntd.icone i {\n font-size: 1.8rem;\n}\n\n.vueBlocs {\n display: flex;\n flex-wrap: wrap;\n}\n\n.vueBlocs-unbloc {\n width: 23%;\n border: 1px solid #cecece;\n margin-bottom: 1rem;\n margin-right: 1rem;\n}\n\n.viderInputSearch {\n color: #ff0000;\n}\n\n/* blocks widths (percentage and pixels) */\n.w100 {\n width: 100%;\n}\n\n.w95 {\n width: 95%;\n}\n\n.w90 {\n width: 90%;\n}\n\n.w85 {\n width: 85%;\n}\n\n.w80 {\n width: 80%;\n}\n\n.w75 {\n width: 75%;\n}\n\n.w70 {\n width: 70%;\n}\n\n.w65 {\n width: 65%;\n}\n\n.w60 {\n width: 60%;\n}\n\n.w55 {\n width: 55%;\n}\n\n.w50 {\n width: 50%;\n}\n\n.w45 {\n width: 45%;\n}\n\n.w40 {\n width: 40%;\n}\n\n.w35 {\n width: 35%;\n}\n\n.w30 {\n width: 30%;\n}\n\n.w25 {\n width: 25%;\n}\n\n.w20 {\n width: 20%;\n}\n\n.w15 {\n width: 15%;\n}\n\n.w10 {\n width: 10%;\n}\n\n.w5 {\n width: 5%;\n}\n\n.w1000p {\n width: 1000px;\n}\n\n.minw1000p {\n min-width: 1000px;\n}\n\n.maxw1000p {\n max-width: 1000px;\n}\n\n.w1000p input {\n width: 1000px;\n}\n\n.w950p {\n width: 950px;\n}\n\n.minw950p {\n min-width: 950px;\n}\n\n.maxw950p {\n max-width: 950px;\n}\n\n.w950p input {\n width: 950px;\n}\n\n.w900p {\n width: 900px;\n}\n\n.minw900p {\n min-width: 900px;\n}\n\n.maxw900p {\n max-width: 900px;\n}\n\n.w900p input {\n width: 900px;\n}\n\n.w850p {\n width: 850px;\n}\n\n.minw850p {\n min-width: 850px;\n}\n\n.maxw850p {\n max-width: 850px;\n}\n\n.w850p input {\n width: 850px;\n}\n\n.w800p {\n width: 800px;\n}\n\n.minw800p {\n min-width: 800px;\n}\n\n.maxw800p {\n max-width: 800px;\n}\n\n.w800p input {\n width: 800px;\n}\n\n.w750p {\n width: 750px;\n}\n\n.minw750p {\n min-width: 750px;\n}\n\n.maxw750p {\n max-width: 750px;\n}\n\n.w750p input {\n width: 750px;\n}\n\n.w700p {\n width: 700px;\n}\n\n.minw700p {\n min-width: 700px;\n}\n\n.maxw700p {\n max-width: 700px;\n}\n\n.w700p input {\n width: 700px;\n}\n\n.w650p {\n width: 650px;\n}\n\n.minw650p {\n min-width: 650px;\n}\n\n.maxw650p {\n max-width: 650px;\n}\n\n.w650p input {\n width: 650px;\n}\n\n.w600p {\n width: 600px;\n}\n\n.minw600p {\n min-width: 600px;\n}\n\n.maxw600p {\n max-width: 600px;\n}\n\n.w600p input {\n width: 600px;\n}\n\n.w550p {\n width: 550px;\n}\n\n.minw550p {\n min-width: 550px;\n}\n\n.maxw550p {\n max-width: 550px;\n}\n\n.w550p input {\n width: 550px;\n}\n\n.w500p {\n width: 500px;\n}\n\n.minw500p {\n min-width: 500px;\n}\n\n.maxw500p {\n max-width: 500px;\n}\n\n.w500p input {\n width: 500px;\n}\n\n.w450p {\n width: 450px;\n}\n\n.minw450p {\n min-width: 450px;\n}\n\n.maxw450p {\n max-width: 450px;\n}\n\n.w450p input {\n width: 450px;\n}\n\n.w400p {\n width: 400px;\n}\n\n.minw400p {\n min-width: 400px;\n}\n\n.maxw400p {\n max-width: 400px;\n}\n\n.w400p input {\n width: 400px;\n}\n\n.w350p {\n width: 350px;\n}\n\n.minw350p {\n min-width: 350px;\n}\n\n.maxw350p {\n max-width: 350px;\n}\n\n.w350p input {\n width: 350px;\n}\n\n.w300p {\n width: 300px;\n}\n\n.minw300p {\n min-width: 300px;\n}\n\n.maxw300p {\n max-width: 300px;\n}\n\n.w300p input {\n width: 300px;\n}\n\n.w250p {\n width: 250px;\n}\n\n.minw250p {\n min-width: 250px;\n}\n\n.maxw250p {\n max-width: 250px;\n}\n\n.w250p input {\n width: 250px;\n}\n\n.w200p {\n width: 200px;\n}\n\n.minw200p {\n min-width: 200px;\n}\n\n.maxw200p {\n max-width: 200px;\n}\n\n.w200p input {\n width: 200px;\n}\n\n.w190p {\n width: 190px;\n}\n\n.minw190p {\n min-width: 190px;\n}\n\n.maxw190p {\n max-width: 190px;\n}\n\n.w190p input {\n width: 190px;\n}\n\n.w180p {\n width: 180px;\n}\n\n.minw180p {\n min-width: 180px;\n}\n\n.maxw180p {\n max-width: 180px;\n}\n\n.w180p input {\n width: 180px;\n}\n\n.w170p {\n width: 170px;\n}\n\n.minw170p {\n min-width: 170px;\n}\n\n.maxw170p {\n max-width: 170px;\n}\n\n.w170p input {\n width: 170px;\n}\n\n.w160p {\n width: 160px;\n}\n\n.minw160p {\n min-width: 160px;\n}\n\n.maxw160p {\n max-width: 160px;\n}\n\n.w160p input {\n width: 160px;\n}\n\n.w150p {\n width: 150px;\n}\n\n.minw150p {\n min-width: 150px;\n}\n\n.maxw150p {\n max-width: 150px;\n}\n\n.w150p input {\n width: 150px;\n}\n\n.w140p {\n width: 140px;\n}\n\n.minw140p {\n min-width: 140px;\n}\n\n.maxw140p {\n max-width: 140px;\n}\n\n.w140p input {\n width: 140px;\n}\n\n.w130p {\n width: 130px;\n}\n\n.minw130p {\n min-width: 130px;\n}\n\n.maxw130p {\n max-width: 130px;\n}\n\n.w130p input {\n width: 130px;\n}\n\n.w120p {\n width: 120px;\n}\n\n.minw120p {\n min-width: 120px;\n}\n\n.maxw120p {\n max-width: 120px;\n}\n\n.w120p input {\n width: 120px;\n}\n\n.w110p {\n width: 110px;\n}\n\n.minw110p {\n min-width: 110px;\n}\n\n.maxw110p {\n max-width: 110px;\n}\n\n.w110p input {\n width: 110px;\n}\n\n.w100p {\n width: 100px;\n}\n\n.minw100p {\n min-width: 100px;\n}\n\n.maxw100p {\n max-width: 100px;\n}\n\n.w100p input {\n width: 100px;\n}\n\n.w90p {\n width: 90px;\n}\n\n.minw90p {\n min-width: 90px;\n}\n\n.maxw90p {\n max-width: 90px;\n}\n\n.w90p input {\n width: 90px;\n}\n\n.w80p {\n width: 80px;\n}\n\n.minw80p {\n min-width: 80px;\n}\n\n.maxw80p {\n max-width: 80px;\n}\n\n.w80p input {\n width: 80px;\n}\n\n.w70p {\n width: 70px;\n}\n\n.minw70p {\n min-width: 70px;\n}\n\n.maxw70p {\n max-width: 70px;\n}\n\n.w70p input {\n width: 70px;\n}\n\n.w60p {\n width: 60px;\n}\n\n.minw60p {\n min-width: 60px;\n}\n\n.maxw60p {\n max-width: 60px;\n}\n\n.w60p input {\n width: 60px;\n}\n\n.w50p {\n width: 50px;\n}\n\n.minw50p {\n min-width: 50px;\n}\n\n.maxw50p {\n max-width: 50px;\n}\n\n.w50p input {\n width: 50px;\n}\n\n.w40p {\n width: 40px;\n}\n\n.minw40p {\n min-width: 40px;\n}\n\n.maxw40p {\n max-width: 40px;\n}\n\n.w40p input {\n width: 40px;\n}\n\n.w30p {\n width: 30px;\n}\n\n.minw30p {\n min-width: 30px;\n}\n\n.maxw30p {\n max-width: 30px;\n}\n\n.w30p input {\n width: 30px;\n}\n\n.w20p {\n width: 20px;\n}\n\n.minw20p {\n min-width: 20px;\n}\n\n.maxw20p {\n max-width: 20px;\n}\n\n.w20p input {\n width: 20px;\n}\n\n.w10p {\n width: 10px;\n}\n\n.minw10p {\n min-width: 10px;\n}\n\n.maxw10p {\n max-width: 10px;\n}\n\n.w10p input {\n width: 10px;\n}\n\n.w66 {\n width: calc(100% / 3 * 2);\n}\n\n.w33 {\n width: calc(100% / 3);\n}\n\n.wauto {\n width: auto;\n}\n\n.w960p {\n width: 960px;\n}\n\n.minw960p {\n min-width: 960px;\n}\n\n.maxw960p {\n max-width: 960px;\n}\n\n.w1140p {\n width: 1140px;\n}\n\n.minw1140p {\n min-width: 1140px;\n}\n\n.maxw1140p {\n max-width: 1140px;\n}\n"]} \ No newline at end of file diff --git a/css/gamutable.scss b/css/gamutable.scss index 3150bb5..b3e427a 100644 --- a/css/gamutable.scss +++ b/css/gamutable.scss @@ -15,7 +15,7 @@ div.vue-input > input { } .gamutable__input--filtrer { font-size: 1.2rem; - box-shadow: 0 0 0 1px rgb(153, 153, 153) inset; + //box-shadow: 0 0 0 1px rgb(153, 153, 153) inset; padding: 5px 5px !important; &:valid { font-size: 1.2rem; @@ -182,6 +182,9 @@ $i: 1000; .maxw#{$i}p { max-width: $i * 1px; } + .w#{$i}p input { + width: $i * 1px; + } $i: $i - 50; } $i: 200; @@ -195,6 +198,9 @@ $i: 200; .maxw#{$i}p { max-width: $i * 1px; } + .w#{$i}p input { + width: $i * 1px; + } $i: $i - 10; }