Armands Uiska
Armands Uiska
PostsComments
KPCKevin Powell - Community
Created by Armands Uiska on 4/19/2023 in #front-end
How to fix outline overlap?
but maybe it is the way to go...
10 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/19/2023 in #front-end
How to fix outline overlap?
this did the trick 
div > *:focus {
 z-index: 1;
}
div > *:focus {
 z-index: 1;
}
but I kinda don't like it...
10 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/19/2023 in #front-end
How to fix outline overlap?
I tried to add margin-right: 1px; it seemed to work for buttons but if I add <input type="text" /> it has the same problem
10 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/19/2023 in #front-end
How to fix outline overlap?
the outline is "cut off" by border
10 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/14/2023 in #front-end
Is there a limit for CSS variable count?
.btn {
 border: solid 1px Black;
 color: Black;
}

.btn.btn-primary {
 border-color: Blue;
 color: Blue;
}
.btn {
 border: solid 1px Black;
 color: Black;
}

.btn.btn-primary {
 border-color: Blue;
 color: Blue;
}
Is this ok - or not? 
.btn {
 --btnColor: Black;
 border: solid 1px var(--btnColor);
 color: var(--btnColor);
}

.btn.btn-primary {
 --btnColor: Blue;
}
.btn {
 --btnColor: Black;
 border: solid 1px var(--btnColor);
 color: var(--btnColor);
}

.btn.btn-primary {
 --btnColor: Blue;
}
8 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/14/2023 in #front-end
Is there a limit for CSS variable count?
@Kevin maybe you know some good articles about css variables? how to decide what to set as a variable?
8 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/14/2023 in #front-end
Is there a limit for CSS variable count?
ou... for me 100 seems a lot
8 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/14/2023 in #front-end
Is there a limit for CSS variable count?
a lot is more than 100? 200? 500?
8 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/13/2023 in #front-end
Is this a bad approach?
@cvanilla13eck @Kevin this one is interesting (from remedy.css) - nested h1. Shouldn't there be only one h1 per page? 
/* @docs
label: H1 Margins

note: |
  Keep h1 margins consistent, even when nested.

category: typography
*/
h1 { margin: 0.67em 0; }
/* @docs
label: H1 Margins

note: |
  Keep h1 margins consistent, even when nested.

category: typography
*/
h1 { margin: 0.67em 0; }
70 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/13/2023 in #front-end
Is this a bad approach?
"It has a high probability of causing problems in the future" no - there is no problems and crazy things happening when you say use inheritance for font and colors. so argument that is braking something is false. better argument was, why you set something that is kinda happening by default
70 replies
KPCKevin Powell - Community
Created by Sebastian on 4/13/2023 in #front-end
Class toggle when div ID == var
can you show html? that logic in switch statement is strange
5 replies
KPCKevin Powell - Community
Created by Armands Uiska on 4/13/2023 in #front-end
Is this a bad approach?
I would argue that it is the reason you add style for all elements so that by default everything looks the same - and when new tags will be introduced they will not standout like <mark> for example. like right now these tags have different fonts 
button,
        code,
        input,
        legend,
        pre,
        samp,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit; 
        }
button,
        code,
        input,
        legend,
        pre,
        samp,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit; 
        }
if there will be added new tag, and they will decide to set different font - I will have to go thru all applications and add that tag to this list. but if I added this to * than I will never have to do that...
70 replies