Search the Community
Showing results for tags 'less'.
Found 4 results
-
Hey all, I need to add a custom `.less` file to the template. With my template directory open in my code editor, I added a new file `custom.less` under `styles` directory. I then edited the `template.conf` to reference this new `.less` file. My expectation was that all `.less` files in this `.conf` file would be picked up and rolled up into `.css` and included on the site, but it does not seem to work that way. Is this a feature of Squarespace developer experience at all? Am I missing something? Thanks. -
Using squarespace-server doesnt compile any custom styles
ArtW posted a topic in Customize with code
I'm learning the developer platform. Went through the guide of cloning the site, and pushing some initial commits of base.less to get some styles going. Very basic stuff. I then went to install the squarespace-server to work on things locally, and it all runs fine - no errors, but my code in /styles/base.less don't get compiled into /local-assets/site.css Is this intentionally? Am I missing something in the guide? I have also tried compiling it myself but this also doesnt work. Any advice on this would be great, thanks -
Hi, I'm seeing a strange issue with mouseover/hover on H1 blocks on a client's page (video attached). When you hover over the text, the expected result is for each of the H1s (Idealism, Integrity, Imagination) to transition to a different color, which it does. But what you can see in the video is that each hover is also producing some weird additional blocks (extending the uppercase "I"s, the height of the periods, producing a line just over "m" and first "a" in "Imagination". The client is using LESS for their CSS, but the class that controls this section is nothing too complicated: .right-text-container { margin-top: -2vw; h1 { font-family: "Helvetica Neue"; font-weight: bold; margin: 0; .font-size(84 * @PT); .line-height(97 * @PT); text-align: right; letter-spacing: -0.025em; cursor: pointer; transition: color 0.25s ease-in-out; &.hover:nth-child(1):hover { color: #839b99 !important; } &.hover:nth-child(2):hover { color: #d3b64f !important; } &.hover:nth-child(3):hover { color: #c84d26 !important; } } } Another couple strange things: It seems to only happen in Google Chrome It only happens over a certain desktop with (if I reduce the width of the browser window, it goes away) Has anyone seen something like this before? Thanks! Weird behavior on hover.mp4
-
I've got my development platform set up. All appears to be working as it should and I'm starting to dig into the code to make some custom changes to my site template. However, I don't really understand how to handle the LESS variables set up as Tweaks in a local environment. It appears that the SquareSpace Server downloads the stylesheets from the source and uses them before Global.Less and/or Mobile.Less but after Tweaks.Less (ie. Changes to global and mobile show, but variable changes within tweaks do not). Can anyone speak to how variables should be managed in a local environment to ensure something like @navBgColor that would otherwise be set as a Tweak can still be implemented/changed/used in the development process? Perhaps I just don't see/understand where the variable values are being set outside the Tweak.Less file... I'm currently working with the Adirondack template.
