| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 | 
							- // Responsive images (ensure images don't scale beyond their parents)
 
- //
 
- // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
 
- // We previously tried the "images are responsive by default" approach in Bootstrap v2,
 
- // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
 
- // which weren't expecting the images within themselves to be involuntarily resized.
 
- // See also https://github.com/twbs/bootstrap/issues/18178
 
- .img-fluid {
 
- 	position: relative;
 
- 	@include img-fluid();
 
- 	width: 72px;
 
- 	height: auto;
 
- }
 
- // Image thumbnails
 
- .img-thumbnail {
 
- 	padding: $thumbnail-padding;
 
- 	background-color: $thumbnail-bg;
 
- 	border: $thumbnail-border-width solid $thumbnail-border-color;
 
- 	@include border-radius($thumbnail-border-radius);
 
- 	@include box-shadow($thumbnail-box-shadow);
 
- 	// Keep them at most 100% wide
 
- 	@include img-fluid();
 
- }
 
- //
 
- // Figures
 
- //
 
- .figure {
 
- 	// Ensures the caption's text aligns with the image.
 
- 	display: inline-block;
 
- }
 
- .figure-img {
 
- 	margin-bottom: $spacer / 2;
 
- 	line-height: 1;
 
- }
 
- .figure-caption {
 
- 	@include font-size($figure-caption-font-size);
 
- 	color: $figure-caption-color;
 
- }
 
- .icon-pemantauan {
 
- 	width: 35px;
 
- 	height: 35px;
 
- 	margin-right: -20px;
 
- }
 
- .icon-buatlaporan {
 
- 	width: 35px;
 
- 	height: 35px;
 
- 	margin-right: -20px;
 
- }
 
- .img-text-vputih {
 
- 	width: 55px;
 
- 	height: 20px;
 
- 	margin-left: 10px;
 
- }
 
- .icon-triangle {
 
- 	width: 20px;
 
- 	margin-right: 15px;
 
- 	margin-left: 15px;
 
- 	border-radius: 5px;
 
- }
 
- .identitas-pelapor {
 
- 	width: 830px;
 
- 	height: 50px;
 
- }
 
- .icon-pemantauan {
 
- 	width: 30px;
 
- 	height: 30px;
 
- 	// margin-right: -20px;
 
- }
 
- .icon-buatlaporan {
 
- 	width: 30px;
 
- 	height: 30px;
 
- 	// margin-right: -20px;
 
- }
 
- .img-text-vputih {
 
- 	width: 55px;
 
- 	height: 20px;
 
- 	margin-left: 10px;
 
- }
 
- .icon-triangle {
 
- 	width: 20px;
 
- 	margin-right: 10px;
 
- 	margin-left: 15px;
 
- }
 
- .identitas-pelapor {
 
- 	width: 830px;
 
- 	height: 50px;
 
- }
 
- // .img-fluid {
 
- // 	position: relative;
 
- // 	max-width: 100%;
 
- // 	height: auto;
 
- // 	width: 72px;
 
- // 	// height: 37px;
 
- // }
 
- .ditbaga-logo {
 
- 	margin-top: 55%;
 
- }
 
- .logo-nav {
 
- 	width: 60%;
 
- }
 
- .img-login-1 {
 
- 	width: 97%;
 
- 	margin-left: auto;
 
- 	margin-right: auto;
 
- }
 
 
  |