You are here

Home » API reference » Bootstrap Paragraphs 8.2

bootstrap-paragraphs-columns-three.css in Bootstrap Paragraphs 8.2

The css file for Bootstrap Paragraphs Three Column Bundle.

Compiled from bootstrap-paragraphs-columns-three.less.

File

css/bootstrap-paragraphs-columns-three.css
View source 
  1. /**

  2.  * @file

  3.  * The css file for Bootstrap Paragraphs Three Column Bundle.

  4.  *

  5.  * Compiled from bootstrap-paragraphs-columns-three.less.

  6.  */

  7. /* Three Uneven Columns Paragraph. */

  8. .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns-three-uneven__3col-column1,

  9. .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  10.   position: relative;

  11.   min-height: 1px;

  12.   padding-left: 15px;

  13.   padding-right: 15px;

  14. }

  15. @media (min-width: 768px) {

  16.   .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns-three-uneven__3col-column1,

  17.   .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  18.     float: left;

  19.     width: 25%;

  20.   }

  21. }

  22. .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  23.   position: relative;

  24.   min-height: 1px;

  25.   padding-left: 15px;

  26.   padding-right: 15px;

  27. }

  28. @media (min-width: 768px) {

  29.   .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  30.     float: left;

  31.     width: 50%;

  32.   }

  33. }

  34. .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns-three-uneven__3col-column1 {

  35.   position: relative;

  36.   min-height: 1px;

  37.   padding-left: 15px;

  38.   padding-right: 15px;

  39. }

  40. @media (min-width: 768px) {

  41.   .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns-three-uneven__3col-column1 {

  42.     float: left;

  43.     width: 50%;

  44.   }

  45. }

  46. .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns-three-uneven__3col-column2,

  47. .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  48.   position: relative;

  49.   min-height: 1px;

  50.   padding-left: 15px;

  51.   padding-right: 15px;

  52. }

  53. @media (min-width: 768px) {

  54.   .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns-three-uneven__3col-column2,

  55.   .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  56.     float: left;

  57.     width: 25%;

  58.   }

  59. }

  60. .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns-three-uneven__3col-column1,

  61. .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  62.   position: relative;

  63.   min-height: 1px;

  64.   padding-left: 15px;

  65.   padding-right: 15px;

  66. }

  67. @media (min-width: 768px) {

  68.   .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns-three-uneven__3col-column1,

  69.   .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  70.     float: left;

  71.     width: 25%;

  72.   }

  73. }

  74. .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  75.   position: relative;

  76.   min-height: 1px;

  77.   padding-left: 15px;

  78.   padding-right: 15px;

  79. }

  80. @media (min-width: 768px) {

  81.   .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  82.     float: left;

  83.     width: 50%;

  84.   }

  85. }

  86. .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns-three-uneven__3col-column1,

  87. .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  88.   position: relative;

  89.   min-height: 1px;

  90.   padding-left: 15px;

  91.   padding-right: 15px;

  92. }

  93. @media (min-width: 768px) {

  94.   .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns-three-uneven__3col-column1,

  95.   .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  96.     float: left;

  97.     width: 16.66666667%;

  98.   }

  99. }

  100. .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  101.   position: relative;

  102.   min-height: 1px;

  103.   padding-left: 15px;

  104.   padding-right: 15px;

  105. }

  106. @media (min-width: 768px) {

  107.   .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  108.     float: left;

  109.     width: 66.66666667%;

  110.   }

  111. }

  112. .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns-three-uneven__3col-column1 {

  113.   position: relative;

  114.   min-height: 1px;

  115.   padding-left: 15px;

  116.   padding-right: 15px;

  117. }

  118. @media (min-width: 768px) {

  119.   .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns-three-uneven__3col-column1 {

  120.     float: left;

  121.     width: 66.66666667%;

  122.   }

  123. }

  124. .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns-three-uneven__3col-column2,

  125. .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  126.   position: relative;

  127.   min-height: 1px;

  128.   padding-left: 15px;

  129.   padding-right: 15px;

  130. }

  131. @media (min-width: 768px) {

  132.   .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns-three-uneven__3col-column2,

  133.   .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  134.     float: left;

  135.     width: 16.66666667%;

  136.   }

  137. }

  138. .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns-three-uneven__3col-column1,

  139. .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  140.   position: relative;

  141.   min-height: 1px;

  142.   padding-left: 15px;

  143.   padding-right: 15px;

  144. }

  145. @media (min-width: 768px) {

  146.   .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns-three-uneven__3col-column1,

  147.   .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns-three-uneven__3col-column2 {

  148.     float: left;

  149.     width: 16.66666667%;

  150.   }

  151. }

  152. .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  153.   position: relative;

  154.   min-height: 1px;

  155.   padding-left: 15px;

  156.   padding-right: 15px;

  157. }

  158. @media (min-width: 768px) {

  159.   .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns-three-uneven__3col-column3 {

  160.     float: left;

  161.     width: 66.66666667%;

  162.   }

  163. }