[css-d] Calculate height from width based on screen width

Can you calculate what the width of a div would be then calculate the height of the div proportionally if the div was floating to the right with nothing on the left ? I originally though maybe calc() could do this ? __ css-discuss

Re: [css-d] CSS pseudo-class for source of :target

Hi Andre, Why would you target the element for its href if you already have an id? Not sure I am understanding that part. For checking the href, like Tom said. a[href*='#foobar'] { color: red; } or if you know #foobar will always be at the end of the url you can use the $ a[href$='#foobar']

Re: [css-d] CSS pseudo-class for source of :target

>> >> - Is there really no such pseudo-class? >> - Would this be technically impossible? >> - Has this been proposed before? >> - Any tips for proposing one? ;P >> >> Cheers >> Andre Schmidt > > > I accidentally replied off list with... > > a[class="table-of-contents"]{ > color: red; > } > > G

Re: [css-d] CSS pseudo-class for source of :target

On Thu, Aug 11, 2016 at 11:46 AM, Andre "Osku" Schmidt wrote: > #Hello.World, > > there seems to be no CSS pseudo-class that represents the element with an > href matching the fragment identifier of the URI of the document. kinda > like the source of :target [0]. > > For example with :target we ca

[css-d] CSS pseudo-class for source of :target

#Hello.World, there seems to be no CSS pseudo-class that represents the element with an href matching the fragment identifier of the URI of the document. kinda like the source of :target [0]. For example with :target we can style the element that has id="#foobar" when the browser URL is http://ex

Re: [css-d] Flexbox struggle

On Thu, Aug 11, 2016 at 9:42 AM, Philippe Wittenbergh wrote: > >> On Aug 11, 2016, at 10:02 PM, Chris Rockwell wrote: >> >> … but flex-end, >> as I understood it, should take care of this. It's like flex-end doesn't >> respect that you've changed the flex-direction to column. > > No, not in this

Re: [css-d] Flexbox struggle

> On Aug 11, 2016, at 10:02 PM, Chris Rockwell wrote: > > … but flex-end, > as I understood it, should take care of this. It's like flex-end doesn't > respect that you've changed the flex-direction to column. No, not in this case. “align-items” and “align-self” apply only in the cross-axis di

Re: [css-d] Flexbox struggle

>> >> Perhaps: >> >> a p:last-child { >> margin-top: auto; >> } >> >> Philippe >> -- >> Philippe Wittenbergh >> http://l-c-n.com/ >> This was the answer. Thank you! I'll have to tuck that tidbit away for the future. Odd that, unlike float in a flex row situation, margin in this case is no

Re: [css-d] Flexbox struggle

Tough one. margin-top: auto as Philippe suggested does work but flex-end, as I understood it, should take care of this. It's like flex-end doesn't respect that you've changed the flex-direction to column. On Wed, Aug 10, 2016 at 7:18 PM Philippe Wittenbergh wrote: > > > On Aug 11, 2016, at 5:5

Re: [css-d] iPad differences

Anyone one this list use BrowserStack ? Tom Livingston wrote: > > I was speaking desktop vs desktop. I put little stock in emulators. > Test on > as many devices as possible and be prepared to tweak as reports of issues > become known or to get at least a little closer to real, use browserstack >

Re: [css-d] iPad differences

Where I live and whom I know don't own many devices so that is an up hill battle I can't climb. Tom Livingston wrote: > > I was speaking desktop vs desktop. I put little stock in emulators. > Test on > as many devices as possible and be prepared to tweak as reports of issues > become known or to g

Re: [css-d] iPad differences

I was speaking desktop vs desktop. I put little stock in emulators. Test on as many devices as possible and be prepared to tweak as reports of issues become known or to get at least a little closer to real, use browserstack or similar who use official simulators from the manufacturers. On Thursd

Re: [css-d] iPad differences

It could be the same, remember Safari doesn't emulate based on iOS. Tom Livingston wrote: > > It most definitely is not the same. > > > > On Thursday, August 11, 2016, Crest Christopher > mailto:crestchristop...@gmail.com>> wrote: > > That is why I don't use Safari for testing, as I said; it's

Re: [css-d] iPad differences

It most definitely is not the same. On Thursday, August 11, 2016, Crest Christopher wrote: > That is why I don't use Safari for testing, as I said; it's the same as > using Chrome. > > Mi B wrote: > > > >> > >> aug. 11 2016 07:38 Karl DeSaulniers >: > >> > >> Chrome is built off of Gecko and

Re: [css-d] iPad differences

That is why I don't use Safari for testing, as I said; it's the same as using Chrome. Mi B wrote: > >> >> aug. 11 2016 07:38 Karl DeSaulniers : >> >> Chrome is built off of Gecko and Webkit anyway. Probably why you >> didn't see much difference. >> It "technically" IS Safari under the hood. > > >