Less no longer evaluates expression inside calc by default since v3.00. Original answer (Less v1.x…2.x): Do this: body { width: calc(~”100% – 250px – 1.5em”); } In Less 1.4.0 we will have a strictMaths option which requires all Less calculations to be within brackets, so the calc will work “out-of-the-box”. This is an option since … Read more
Edit (11 years later): Don’t do this unless you’re going to provide a fallback to indicate which element is active. Otherwise, this harms accessibility as it essentially removes the indication showing which element in a document has focus. Imagine being a keyboard user and not really knowing what element you can interact with. Let accessibility … Read more
background-position: right 30px center; It works in most browsers. See: http://caniuse.com/#feat=css-background-offsets for full list. More information: http://www.w3.org/TR/css3-background/#the-background-position
You can do something like this: div { display: none; } a:hover + div { display: block; } <a>Hover over me!</a> <div>Stuff shown on hover</div> This uses the adjacent sibling selector, and is the basis of the suckerfish dropdown menu. HTML5 allows anchor elements to wrap almost anything, so in that case the div element … Read more
According to Wikipedia: Selectors are unable to ascend CSS offers no way to select a parent or ancestor of element that satisfies certain criteria. A more advanced selector scheme (such as XPath) would enable more sophisticated stylesheets. However, the major reasons for the CSS Working Group rejecting proposals for parent selectors are related to browser … Read more
The CSS below stops users from being able to select text. -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ To target IE9 downwards the html attribute unselectable must be used instead: <p unselectable=”on”>Test Text</p>
There are two options: Using Imports This is the suggested option. It ensures your fonts go through the build pipeline, get hashes during compilation so that browser caching works correctly, and that you get compilation errors if the files are missing. As described in “Adding Images, Fonts, and Files”, you need to have a CSS … Read more
Without Bootstrap: We’ll get to Bootstrap in a second, but here’s the fundamental CSS concepts in play in order to do this yourself. As beard of prey points out, you can do this with CSS by absolutely positioning the icon inside of the input element. Then add padding to either side so the text doesn’t … Read more
Let me provide answers to both possible questions. Note that your existing title (and original post) ask a question different than what you seek in your edit and subsequent comment. To position an element “fixed” relative to a parent element, you want position:absolute on the child element, and any position mode other than the default … Read more
Answer in 2019: Only use WOFF2, or if you need legacy support, WOFF. Do not use any other format (svg and eot are dead formats, ttf and otf are full system fonts, and should not be used for web purposes) Original answer from 2012: In short, font-face is very old, but only recently has been … Read more