
To that end, we’re going to make sure we have Node and npm installed, then make a little sample project to give you real hands-on experience working with the npm basics and what it looks like to use npm in your front-end development workflow. You'll need to use one of our colors, such as btn-summitt.Feel like you have a pretty good idea of what a package manager is? We’ve certainly covered a lot of ground getting familiar with all the terms and concepts of package managers, but I’d say it’s high time we actually do something with our newfound knowledge. So, for example, were you to see a bootstrap class of btn-info, that would not work. utlink (for use only with navigation or 'clickable' elements).The colors available in this framework are: Instead of Bootstrap's default "primary," "secondary," "warning," "danger," etc. ModificationsĪll of the code samples on should work as-is, with the exception of the theme colors.

This framework was built using Bootstrap 5.1.0 and contains all the features and components of Bootstrap. If you make changes after install and want them ready for production without watch being enabled, run the command npm run build.ĭocumentation on style use at. As you make changes to the files in /src/, compiled and compressed files will be created in /build/.

Gulp will watch the /src/ directory for changes and creates files in /build/. All you need to do to edit is to use terminal to run the command npm run dev in the project's directory. This project uses the task runner Gulp to compile and compress javascript and css, which is installed on npm install. Type npm install to install dependencies.Download or git clone this project by typing git clone In your terminal, change to the new /utksds-framework/ directory.Install Node.js Install using NVM (recommended).Mac Users: If you get an "nvm: command not found" error after running the install script (and you likely will), be sure to follow the troubleshooting steps. Install NVM by following these instructions. The UTKSDS uses Node to compile and compress Javascript and CSS from source files.

Installing this project Step 1, Installing the requirements: The Official UT Digital Design System Framework (UTKSDS) was made to help UT web developers build interfaces that match UT's visual identity and make consistent the user interface of a variety of digital products. University of Tennessee, Knoxville Design System Framework
