Skip to content
This repository has been archived by the owner on Feb 13, 2024. It is now read-only.

2sxc

Jump to bottom
Jeremy Farrance edited this page Jan 30, 2023 · 4 revisions

Quick reminders regarding Dnn+2sxc projects

  • The "Accu" folder in the 2sxc/Content directory is a separate GitHub shared project. So you should NOT be creating, editing, or moving anything to that folder as it will get overwritten or deleted when Accu gets updated.

  • In 2sxc/Content we don't edit the original files of the 2sxc Content App. When we make a new View that is custom to the client, we create that in 2sxc/Content/[ABBV]/.

  • In 2sxc/{any 2sxc app}, we don't modify the original files. And we do not use the client ABBV folder. Instead we copy/paste any file we need to customize in-place, and rename following the BEM pattern, usually leading with the client ABBV, e.g. ..2sxc/Swiper/_MARS__Swiper--basic.cshtml (original was just ..2sxc/Swiper/_Swiper.cshtml).

Module-level SASS/SCSS Handling

For module (or page) specific CSS that does not belong in the Theme, AccuTheme supports compiling *.scss files in the src/styles/Modules folder to the theme's /dist folder. There are multiple examples of this in the CUAM2020 project.

  • name your source file well and include a comment so its obvious where its used (e.g. 2sxc-Content-Links.scss)

  • there are samples in src/styles/Modules (Carousel.scss and LazyYouTube.scss) that demonstrate the mandatory and optional imports (functions, variables, etc)

  • AccuTheme.ThemeCssPath() will provide the path to the /dist folder:

    2023: <link rel="stylesheet" href="@(AccuTheme.ThemeCssPath)/2sxc-Content-Links.css" data-enableoptimizations="true" />

    2022: <link rel="stylesheet" href="@(AccuTheme.SkinCssPath)/2sxc-Content-Links.css" data-enableoptimizations="true" />

Clone this wiki locally