You are here

Home » API reference » Bootstrap Paragraphs 8.2

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

The css file for Bootstrap Paragraphs Two Column Bundle.

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

File

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

  2.  * @file

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

  4.  *

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

  6.  */

  7. /* Two Uneven Columns Paragraph. */

  8. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  9.   position: relative;

  10.   min-height: 1px;

  11.   padding-left: 15px;

  12.   padding-right: 15px;

  13. }

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

  15.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  16.     float: left;

  17.     width: 75%;

  18.   }

  19. }

  20. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  21.   position: relative;

  22.   min-height: 1px;

  23.   padding-left: 15px;

  24.   padding-right: 15px;

  25. }

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

  27.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  28.     float: left;

  29.     width: 25%;

  30.   }

  31. }

  32. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  33.   position: relative;

  34.   min-height: 1px;

  35.   padding-left: 15px;

  36.   padding-right: 15px;

  37. }

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

  39.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  40.     float: left;

  41.     width: 66.66666667%;

  42.   }

  43. }

  44. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  45.   position: relative;

  46.   min-height: 1px;

  47.   padding-left: 15px;

  48.   padding-right: 15px;

  49. }

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

  51.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  52.     float: left;

  53.     width: 33.33333333%;

  54.   }

  55. }

  56. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  57.   position: relative;

  58.   min-height: 1px;

  59.   padding-left: 15px;

  60.   padding-right: 15px;

  61. }

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

  63.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  64.     float: left;

  65.     width: 25%;

  66.   }

  67. }

  68. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  69.   position: relative;

  70.   min-height: 1px;

  71.   padding-left: 15px;

  72.   padding-right: 15px;

  73. }

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

  75.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  76.     float: left;

  77.     width: 75%;

  78.   }

  79. }

  80. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  81.   position: relative;

  82.   min-height: 1px;

  83.   padding-left: 15px;

  84.   padding-right: 15px;

  85. }

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

  87.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column1 {

  88.     float: left;

  89.     width: 33.33333333%;

  90.   }

  91. }

  92. .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  93.   position: relative;

  94.   min-height: 1px;

  95.   padding-left: 15px;

  96.   padding-right: 15px;

  97. }

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

  99.   .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column2 {

  100.     float: left;

  101.     width: 66.66666667%;

  102.   }

  103. }