Professional CSS3 by 2016

Author:2016
Language: eng
Format: mobi, epub
Publisher: Packt Publishing

After this change in the first fieldset only, you will see how the code behaves with and without an additional inputKeeper div. Let's use the following SASS code:

.fieldKeeper position: relative fieldset width: auto border: 2px solid green legend text-transform: uppercase font: size: 10px weight: bold label position: absolute width: 200px display: inline-block left: 0 font: size: 12px .inputKeeper padding: left: 200px input width: 100%

Compiled CSS:

.fieldKeeper { position: relative; } fieldset { width: auto; border: 2px solid green; } legend { text-transform: uppercase; font-size: 10px; font-weight: bold; } label { position: absolute; width: 200px; display: inline-block; left: 0; font-size: 12px; } .inputKeeper { padding-left: 200px; } input { width: 100%; }

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.