slideing of embedded elements

[Greg]

Hi, actually I have two more questions:

1) I am unable to slide in embedded elements properly. This works perfectly:

<ul>

   <li  class="slide">

      <h3>first point</h3>

      <p>text</p> 

      <p>text</p>               

   <li class="slide">

      <h3>second point</h3>

      <p>text</p>

   </li>

</ul> 

I am trying to make this work and it doesn't:

<ul>

   <li  class="slide">

      <h3>first point</h3>

      <p class="slide">text1</p> 

      <p class="slide">text1</p>               

   <li class="slide">

      <h3>second point</h3>

      <p>text</p>

   </li>

</ul> 

text1 and text2 is always greyed out...

I was also unable to find the style definition of the greyed out text. Where can I find that? 

2) Is there a good way to properly adjust the font size to the size of the window. In my experience, the default setting of the normal text is way to small for full screen so that I set it the font-size in deck-container to 2em.

Thanks! 

Greg

[Caleb Troughton]

text1 and text2 is always greyed out...
I was also unable to find the style definition of the greyed out text. Where can I find that? 

I see what you mean on slides that are nested more than one level.  I've filed a bug here: https://github.com/imakewebthings/deck.js/issues/70  I'll try to get to it sometime this week.  In the meantime if you want to kill all the opacity changes, look in the theme CSS file for "opacity:0.4".

2) Is there a good way to properly adjust the font size to the size of the window. In my experience, the default setting of the normal text is way to small for full screen so that I set it the font-size in deck-container to 2em.

There is something in CSS3 called rem, which is a font size unit that is based on the height of the browser window.  More on that can be read here:  http://snook.ca/archives/html_and_css/font-size-with-rem You're welcome to make or modify a theme to use this.  Another approach is to go ahead and set the font base much larger as you have been doing, so that it is definitely big enough for full screen, and then include the deck.scale extension to scale things down to fit the window.

[Greg]

Thanks for your replies!

I found out some more details about the nested level problem. Maybe it's helpful when you look into the bug. All child tags inherit the opacity attribute of the parent tag so that the they are all greyed out and some get the opacity twice (once from the fact that they are themselves previous decks and once because they are a child of a previous deck). There are some online discussions about this and it seems to be hard to overwrite this. 

e.g. http://csscreator.com/node/23863

http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/

I have to visually confirm this but I actually think that the parent should remain opaque, while children are active. That would also solve the opacity problem. 

Thanks again!

[Caleb Troughton]

The bug I filed for this is now fixed.  Please give the latest theme CSS a try.