Top

CSS structure


If you dont want to use scss files in django, then you can skip the steps mentioned in the scss guide and link to the css file directly in the html file.

Link in the html will look something link this.

<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/style.scss'%}" />

We suggest you do not make any changes in the plugins css files like bootstrap file and all files in vendors folder.

You can change css from custom css files such as style.css

  • css
    • vendors // all plugins style css files folder
      • animate.css
      • aos.css
      • bootstrap.css
      • button-builder.css
      • calendar.css
      • chartist.css
      • datatable-extension.css
      • datatables.css
      • date-picker.css
      • daterange-picker.css
      • dropzone.css
      • feather-icon.css
      • flag-icon.css
      • icofont.css
      • image-cropper.css
      • jsgrid.css
      • mapsjs-ui.css
      • owlcarousel.css
      • page-builder.css
      • photoswipe.css
      • prism.css
      • range-slider.css
      • rating.css
      • scrollable.css
      • select2.css
      • simple-mde.css
      • sticky.css
      • summernote.css
      • svg-icon.css
      • sweetalert2.css
      • themify.css
      • timepicker.css
      • todo.css
      • tour.css
      • tree.css
      • vector-map.css
      • whether-icon.css
    • color-1.css
    • color-2.css
    • color-3.css
    • color-4.css
    • color-5.css
    • color-6.css
    • fontawesome.css // icon plugin style css file
    • style.css // customize style css file
    • responsive.css

If you want to add new css so you can add at the end of the all css in style.css file