Bogdan's blog

Code and anything else.

css

Simple disable mode using only CSS

December 23, 2022 Bogdan Leave a comment css
Colored Crayons

Photo by AVI on Unsplash There is a simple way to add a visual disable state to an HTML element. We just have to add the following CSS class to the parent HTML element we want to disable: .disabled { cursor: initial; pointer-events: none; opacity: 0.5; } Caveats of this method: disabling the elements using […]

Continue reading


How to @extend sass classes or use sass global variables in Vue components

March 19, 2019January 24, 2020 Bogdan Leave a comment css, vuejs

Extend classes and use of variables are two of the sass most powerful tools. But using them in a VueJS application could be a little bit tricky. In this article, I will show you a way of using these two on components without the need for importing the sheet containing them at each usage. Let’s […]

Continue reading


Create custom color theme on Angular Material

January 31, 2018January 24, 2020 Bogdan Leave a comment Angular Material

Most of the time when building an Angular Material application, you will need to customize your color palette, so that you adapt the look of your application to your client’s brand. In this article, we are going to do that customization for an Angular app that uses Angular Material. When you add Angular Material to […]

Continue reading


How to apply flex on Angular component

August 17, 2017 Bogdan Leave a comment Angular 2, TypeScript

Note: given the semverĀ adopted from now on by Angular team, I will refer to all versions of Angular2+ as Angular. For the old Angular 1.x I will use AngularJS. Supposing you want to use the flexbox CSS property to style your Angular app. So you will have a cascade of flex element that at some […]

Continue reading


Search for:

Recent Posts

  • Simple disable mode using only CSS
  • Vue 3 is out – what should I do next?
  • Javascript for of index
  • Vuetify upgrade to 2
  • Fetch data needed on component’s template in Vue before render

Recent Comments

  • Luke on How to watch for changes an array/object on Angular 2
  • Raphael on Grails clean global mock on integration tests to avoid polluted environment
  • Abdul Manan on How to watch for changes an array/object on Angular 2
  • Bryan Tayler on Angular how to dynamically inject a component to DOM

Archives

  • December 2022
  • September 2020
  • June 2020
  • August 2019
  • March 2019
  • June 2018
  • January 2018
  • December 2017
  • October 2017
  • August 2017
  • June 2017
  • May 2017

Categories

  • amazon web services
  • Angular
  • Angular 2
  • Angular Material
  • cloud
  • Continuous Integration
  • css
  • grails/groovy
  • javascript
  • TypeScript
  • vuejs
  • Vuetify

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
dazzling Theme by Colorlib Powered by WordPress