rollthecloudinc / quell

Climate aware CMS breaking web apps free from carbon emissions.
https://demo.carbonfreed.app/pages/create-panel-page
GNU General Public License v3.0
14 stars 1 forks source link

Streamlining CSS #273

Open ng-druid opened 2 years ago

ng-druid commented 2 years ago
  1. styles.scss
  2. css file
  3. inline

Detail

  1. Add to Angular global stylesheet. This approach seems best using utility class approach.
  2. Create dedicated panel page css file. This approach is best for overriding component styles that would otherwise be impossible with global css or classes. Although this might become less of of an issue in the future when classes can be added using the inspector.
  3. Open up the inspector and add css directly to elements that will be automatically saved. This approach works best for quick small edits on specific targets. The algorithm to convert the selected target to a css selector is somewhat limited at this point. However, it works on a mvp basis.