4

I was asked by an employer to create a basic web page using Javascript, HTML, CSS, and to use the lightning design system CSS framework.

I'm completely new to salesforce and I was wondering how would I be able to use the SLDS CSS framework?

Am I able to use it in visual studio code or do I have to work from the salesforce platform?

Any resources would be gladly appreciated, I tried doing research on my own but the salesforce documentation is a bit confusing.

1
  • followed above steps , downloaded the slds zip file , then unzipped it and share the location of the css ,refered the correct path to the above file shared in the above code ,but still unable to use the slds classes in my html file ,can some help, new to coding. <!doctype html> <html> <head> <link rel="stylesheet" href="C:\Users\ADMIN\Downloads\salesforce-lightning-design-system-2.23.2\assets\styles\salesforce-lightning-design-system.min.css" /> </head> <body> <!-- your markup here --> <div class="slds-text-body_large">The quick brown fox jumps over the lazy dog.</div> </body> </html> Commented Apr 28 at 13:04

1 Answer 1

2

You can use any platform you desire. Start by going to the Downloads page, download the source or precompiled CSS. Import it just as you would any other style sheet. By default, you don't need a scope, just start using CSS.

<!doctype html>
<html>
  <head>
    <link rel="stylesheet" href="assets/styles/salesforce-lightning-design-system.min.css" />
  </head>
  <body>
    <!-- your markup here -->
  </body>
</html>

Using the "min" version is recommended for production use, or you can use the standard file for debugging/easier reading.

If you need a "slds" scope (useful for limiting SLDS to just part of a page), use the scoping tool found on the downloads page.

0

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .