Category «Bootstrap CSS»

Sass .scss: Nesting and multiple classes? eg. div.myClass

use the parent selector reference &, it will be replaced by the parent selector after compilation: // override the text on the banner $banner-text-height : 125px; $anchor-hero-height : 75px; .hero-new-section { height: 300px; // default height and can be reset at back-end margin-bottom: $banner-text-height; background-position: 50% 50%; .new-hero-card { width: 100%; height: $banner-text-height; bottom: -$banner-text-height; …

Compile/watch/compress scss file to css

brew install sass/sass/sass $ sass –version 1.16.1 sass –watch style.scss ../css/style.css sass style.scss ../css/style.css –style compressed style.scss contains mutilple scss files: @import url(‘https://fonts.googleapis.com/css?family=Lato|Roboto’); @import “reset”; @import “variables”; @import “mixins”; @import “layout”; @import “text”; @import “nav”; @import “content”; @import “forms”; @import “selectBoxIt”; @import “responsive”;   $ sass –watch scss/main.scss:css/main.css Compiled scss/main.scss to css/main.css. Sass is watching …

HTML code for the middle dot

There’s actually six variants of this HTML code for the middle dot: char description unicode html html entity utf-8 · Middle Dot U+00B7 · · C2 B7 • Bullet U+2022 • • E2 80 A2 ‧ Hyphenation Point U+2027 ₁ E2 80 A7 ∙ Bullet Operator U+2219 ∙ E2 88 99 ● Black Circle U+25CF …

How to custom print css via bootstrap

first, use .hidden-print and .visible-print pre-defined class in bootstrap. then @media print { .header{padding:0;} .main-content{padding:0; margin-left:20px;} .recipe_content{width:100%;padding-right:0px;background: rgb(120, 138, 125) !important;} .col-left2 {float:none; width:auto;padding-right:0px;} .main.receipe_detail_wrap{width:auto;} body, html{background: rgb(153, 115, 120) !important;padding:0;margin:0;} } Tips: use background: color !important; for debug use body, html{ padding:0;margin:0;} for strip the unexpected space set default window print margin: @page{ margin-right …