Woutyboy3 Posts - Answer Overflow

Woutyboy3

Explore posts from servers

KPCKevin Powell - Community CDCloudflare Developers

Posts Comments

KPCKevin Powell - Community

•Created by Woutyboy3 on 8/3/2023 in #front-end

Making a nice table list

2 replies

KPCKevin Powell - Community

•Created by Woutyboy3 on 6/29/2023 in #front-end

How to build a Tour like guide to teach people your web app.

Is there any nice tutorial in video or written format on how to build a interactive Guide to the site. Like seen on for example this theme (https://facit-modern.omtanke.studio/ , when pressing on the flag icon in right top). I always wanted to do something like this and was wondering if there is any good sources/ tutorials to build this?

3 replies

KPCKevin Powell - Community

•Created by Woutyboy3 on 6/8/2023 in #front-end

SCSS variables dependent on extra class

I have a class whit a variable that i would like to change depending on wich class is included. Here is an example

.button {
 $icon-color: black;

//This is what i thought the awnser was but is not
  &.red {
   $icon-color: red;
  }

  .icon {
    color: $icon-color;
  }
}

.button {
 $icon-color: black;

//This is what i thought the awnser was but is not
  &.red {
   $icon-color: red;
  }

  .icon {
    color: $icon-color;
  }
}

<button class="button" ><i class="icon">home</i></button> ==> black icon
<button class="button red" ><i class="icon">home</i></button> ==> red icon

<button class="button" ><i class="icon">home</i></button> ==> black icon
<button class="button red" ><i class="icon">home</i></button> ==> red icon

or is there a better way. Looping over colors is not a real solutions cause the scale of the code i user is to big to easly loop over it.

6 replies

KPCKevin Powell - Community

•Created by Woutyboy3 on 2/22/2023 in #front-end

div h-full takes parent height even if there is a sibling in the same div TailwindCSS

Problem: My div containing my text content overflows its parent whit full height Desired: The height of the div containing text content to fill the rest of available height of its parent Code: https://stackblitz.com/edit/web-platform-7gwuv1?file=index.html

13 replies

Gaming

Programming