Pico CSS Help with a button targeting
I have a button inside a form and I can't get the border-radius to work properly. I've tried multiple ways of targeting from going by
.layout .main .former .btn to .main .former .btn to .btn to .former .btn and none of these approaches work. Not sure if Pico is stopping it or not. Here is my code pen
https://codepen.io/MD-2016/pen/PoxWwRL27 Replies
I don't see a .btn style
I see you gave the element the class but nothing in the css
I fixed it
works just fine
ok that doesnt make sense
So does yours now
the firefox browser with live server doesn't show it
weird
I kept trying
.btn before and it never changed on refreshYou can also
You can just change the custom property scoped too
like target .btn and use the var
š
PicoCSS is just like a reset you should not have issues
idk why but nothing was changing for a bit
live server might be too buggy
Which extension are you using?
Are you also using Vite?
nah
this project only has go, html, css, and sqllite
which live server? I'd use the official one now.. but honeslty I don't like either
next level of it is using a frontend framework
I'm too used to HMR
I'll use it even for vanilla Vite is amazing
also handles more for you but š¤·āāļø
im using the vs code live server extension
Live Preview - Visual Studio Marketplace
Extension for Visual Studio Code - Hosts a local server in your workspace for you to preview your webpages on.
Use this one
its lighter/faster and official from MS
you can use it in vsc even or external browser so
nice this should help
I use vscode on linux so I can get the extentsion
Also you can use Edge and make live changes if you were that cool
>.>;;
do you just do "show preview" to use it?
idk I don't use it
again I always use Vite these days
HMR is way nicer
I don't like having to hit refresh, or leave focus from vsc to do so.
im thinking svelte for frontend on next version but idk if I'll need vite or webpack
goal is to finish this first
I'm pretty sure this Live Preview does have live reload
again idk cause I have not used it, I just know its better lol (have heard it is)
Live Refreshing See the changes as you make them. By default, changes appear as you make them in the editor. You can also change this in settings to refresh the preview on save or not at all.I think that might be only the in window one š¤·āāļø Oh it wants you to use the Edge extension hah dope
https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools not that you will you MS hater but this is š„
Microsoft Edge Tools for VS Code - Visual Studio Marketplace
Extension for Visual Studio Code - Use the Microsoft Edge Tools from within VS Code to see your site's runtime HTML structure, alter its layout, fix styling issues as well as see your site's network requests.
GitHub
GitHub - MD-2016/Weather-App: A weather app using a third party api...
A weather app using a third party api with the goal being a build upon project with additional features as time goes on. - GitHub - MD-2016/Weather-App: A weather app using a third party api with t...
this is current current progress
ive made a better looking readme too
Show me when its done sir
closing this post you are solved ya?
when I get through this version i'll be making a post about the front end stuff
yes thank you š