Notes by KargWare
Software | Web | QA-CI-CD | Apps | Hardware
Impressum Datenschutz
Tags Categories Dates
 Seitenende 

Archive of Notes by KargWare

2021-01-23
CSS: Tesa (transparent tape) look for a div
2021-01-23 Nicolas Karg
WEB-DEVELOPMENT
cssstyling

Normal rectangle div-elements or other html-containers are mostly boring. That is why I want to create a transparent tape (adhesive foil) on each corner to have a kind of fancy style. The tape look was of course inspired by the brands Tesafilm ® and Scotch tape ®. Top Left Top Right Bottom Right Bottom Left   To generate that look a wrapper html element is needed, e.g a div. Important is that the position is relative position: relative; in that container. The child el…

SCSS: My mixins for CSS
2021-01-23 Nicolas Karg
WEB-DEVELOPMENT
cssscssstylingjekyll

Jekyll does support SASS and SCSS, the documentation can be found at sass-lang.com. These both techniques are a kind of pre-compiler or pre-processor to generate css - cascading style sheets. This blog uses jekyll as a static site generator, so we can use SCSS as well. To reuse sass or scss code Mixins were introduced. Mixins helps to keep the code cleaner and easier to maintain. With Mixins you can created nested css-styles, use css-fallbacks as a single command, reuse group…

 Seitenanfang 

Kargware

  • RSS-Feed
  • GitHub
  • GitLab
  • Twitter
  • Instagram
  • Stackoverflow
  • Nuget

Website

  • Impressum
  • Datenschutz
  • Info

Services

  • Wordpress Blog
  • Jekyll Notes
  • NextCloud
  • OwnCloud
  • Matomo
  • YOURLS