diff --git a/gridforms/gridforms.css b/gridforms/gridforms.css index ae993dc..8b438da 100644 --- a/gridforms/gridforms.css +++ b/gridforms/gridforms.css @@ -8,19 +8,23 @@ .grid-form fieldset legend { border: none; border-bottom: 4px solid #404040; color: #404040; font-size: 18px; font-weight: bold; padding-bottom: 5px; position: static; width: 100%; } .grid-form fieldset fieldset legend { border-bottom: 2px solid #404040; font-weight: normal; } .grid-form fieldset fieldset fieldset legend { border-bottom: 1px solid #404040; font-weight: normal; font-size: 15px; } -.grid-form [data-row-span] { border-bottom: 1px solid #333333; width: 100%; zoom: 1; } +.grid-form [data-row-span] { border-bottom: 1px solid #333; width: 100%; zoom: 1; } .grid-form [data-row-span]:before, .grid-form [data-row-span]:after { content: ""; display: table; } .grid-form [data-row-span]:after { clear: both; } @media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] { border-bottom: none; } } .grid-form [data-row-span] [data-field-span] { padding: 8px; float: left; } -@media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-bottom: 1px solid #333333; width: 100% !important; } } -@media only screen and (min-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333333; display: block; } } -.grid-form [data-row-span] [data-field-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #333333; display: block; margin-bottom: 4px; } +@media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-bottom: 1px solid #333; width: 100% !important; } } +@media only screen and (min-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333; display: block; } } +.grid-form [data-row-span] [data-field-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #333; display: block; margin-bottom: 4px; } .grid-form [data-row-span] [data-field-span] label:first-child:hover { cursor: text; } .grid-form [data-row-span] [data-field-span]:last-child { border-right: none; } .grid-form [data-row-span] [data-field-span].focus { background: #fffad4; } .grid-form [data-row-span] [data-field-span].focus label { color: #262626; } .grid-form [data-row-span] [data-field-span]:hover { background: #fffded; cursor: text; } +@media print { .grid-form [data-row-span] { display: table; height: 56px; page-break-inside: avoid; } + .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333333; display: table-cell; float: none; } + .grid-form [data-row-span] [data-field-span].focus, .grid-form [data-row-span] [data-field-span]:hover { background: none; } + .grid-form [data-row-span] [data-field-span] label:first-child { letter-spacing: 0; } } .grid-form [data-row-span="1"] > [data-field-span="1"] { width: 100%; } .grid-form [data-row-span="2"] > [data-field-span="1"] { width: 50%; } .grid-form [data-row-span="2"] > [data-field-span="2"] { width: 100%; } @@ -99,3 +103,5 @@ .grid-form [data-row-span="12"] > [data-field-span="10"] { width: 83.33333%; } .grid-form [data-row-span="12"] > [data-field-span="11"] { width: 91.66667%; } .grid-form [data-row-span="12"] > [data-field-span="12"] { width: 100%; } + +/*# sourceMappingURL=gridforms.css.map */ diff --git a/gridforms/gridforms.css.map b/gridforms/gridforms.css.map new file mode 100644 index 0000000..2dbd912 --- /dev/null +++ b/gridforms/gridforms.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["gridforms.sass"], +"names": [], +"file": "gridforms.css" +}