angular - override clarity-ui.min.css with global style sheet -


i new @ angualr2 , trying build webpage using clarity.

i trying set height of main container clr-main-container min-height: 100vh; in style.css file placed in ~/src/style.css set global styles.

in default clarity css file styles set to

.main-container {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     height: 100vh;     background: #fafafa;     overflow: hidden;     -webkit-transform: translatez(0); 

as mentioned, trying change height: 100vh; min-height: 100vh; in style.css file tried setting

.main-container {     min-height: 100vh !important; } 

to override default clarity css file isnt working me.

i did include style.css in angilar-cli.json file.

 "styles": [         "styles.css",         "../node_modules/clarity-icons/clarity-icons.min.css",         "../node_modules/clarity-ui/clarity-ui.min.css",         "../node_modules/handsontable/dist/handsontable.full.css",         "../node_modules/nouislider/distribute/nouislider.min.css",         "../node_modules/intro.js/introjs.css"       ], 

but still having issue. missing?


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -