You are here

Home » API reference » CKEditor Bootstrap Grid 8.2

editor.css in CKEditor Bootstrap Grid 8.2

Same filename and directory in other branches
  1. 8 js/bs_grid/css/editor.css
.bs_grid {
  margin: 0 auto;
  background: #eee;
  border: 1px solid #00ff00;
  box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
}
.content {
  box-shadow: 0 1px 1px #ddd inset;
  min-height: 5em;
  background: #fff;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
[class*="col-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
[class^="col-"][class$="-1"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
[class^="col-"][class$="-2"]{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
[class^="col-"][class$="-3"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
[class^="col-"][class$="-4"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
[class^="col-"][class$="-5"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
[class^="col-"][class$="-6"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
[class^="col-"][class$="-7"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
[class^="col-"][class$="-8"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
[class^="col-"][class$="-9"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
[class^="col-"][class$="-10"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
[class^="col-"][class$="-11"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
[class^="col-"][class$="-12"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

File

js/bs_grid/css/editor.css
View source 
  1. .bs_grid {

  2.   margin: 0 auto;

  3.   background: #eee;

  4.   border: 1px solid #00ff00;

  5.   box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;

  6. }

  7. .content {

  8.   box-shadow: 0 1px 1px #ddd inset;

  9.   min-height: 5em;

  10.   background: #fff;

  11. }

  12. .container {

  13.   width: 100%;

  14.   padding-right: 15px;

  15.   padding-left: 15px;

  16.   margin-right: auto;

  17.   margin-left: auto;

  18. }

  19. .row {

  20.   display: -webkit-box;

  21.   display: -ms-flexbox;

  22.   display: flex;

  23.   -ms-flex-wrap: wrap;

  24.   flex-wrap: wrap;

  25.   margin-right: -15px;

  26.   margin-left: -15px;

  27. }

  28. [class*="col-"] {

  29.   -webkit-box-sizing: border-box;

  30.   -moz-box-sizing: border-box;

  31.   box-sizing: border-box;

  32.   position: relative;

  33.   width: 100%;

  34.   min-height: 1px;

  35.   padding-right: 15px;

  36.   padding-left: 15px;

  37. }

  38. [class^="col-"][class$="-1"] {

  39.   -webkit-box-flex: 0;

  40.   -ms-flex: 0 0 8.33333333%;

  41.   flex: 0 0 8.33333333%;

  42.   max-width: 8.33333333%;

  43. }

  44. [class^="col-"][class$="-2"]{

  45.   -webkit-box-flex: 0;

  46.   -ms-flex: 0 0 16.66666667%;

  47.   flex: 0 0 16.66666667%;

  48.   max-width: 16.66666667%;

  49. }

  50. [class^="col-"][class$="-3"] {

  51.   -webkit-box-flex: 0;

  52.   -ms-flex: 0 0 25%;

  53.   flex: 0 0 25%;

  54.   max-width: 25%;

  55. }

  56. [class^="col-"][class$="-4"] {

  57.   -webkit-box-flex: 0;

  58.   -ms-flex: 0 0 33.33333333%;

  59.   flex: 0 0 33.33333333%;

  60.   max-width: 33.33333333%;

  61. }

  62. [class^="col-"][class$="-5"] {

  63.   -webkit-box-flex: 0;

  64.   -ms-flex: 0 0 41.666667%;

  65.   flex: 0 0 41.666667%;

  66.   max-width: 41.666667%;

  67. }

  68. [class^="col-"][class$="-6"] {

  69.   -webkit-box-flex: 0;

  70.   -ms-flex: 0 0 50%;

  71.   flex: 0 0 50%;

  72.   max-width: 50%;

  73. }

  74. [class^="col-"][class$="-7"] {

  75.   -webkit-box-flex: 0;

  76.   -ms-flex: 0 0 58.33333333%;

  77.   flex: 0 0 58.33333333%;

  78.   max-width: 58.33333333%;

  79. }

  80. [class^="col-"][class$="-8"] {

  81.   -webkit-box-flex: 0;

  82.   -ms-flex: 0 0 66.66666667%;

  83.   flex: 0 0 66.66666667%;

  84.   max-width: 66.66666667%;

  85. }

  86. [class^="col-"][class$="-9"] {

  87.   -webkit-box-flex: 0;

  88.   -ms-flex: 0 0 75%;

  89.   flex: 0 0 75%;

  90.   max-width: 75%;

  91. }

  92. [class^="col-"][class$="-10"] {

  93.   -webkit-box-flex: 0;

  94.   -ms-flex: 0 0 83.33333333%;

  95.   flex: 0 0 83.33333333%;

  96.   max-width: 83.33333333%;

  97. }

  98. [class^="col-"][class$="-11"] {

  99.   -webkit-box-flex: 0;

  100.   -ms-flex: 0 0 91.66666667%;

  101.   flex: 0 0 91.66666667%;

  102.   max-width: 91.66666667%;

  103. }

  104. [class^="col-"][class$="-12"] {

  105.   -webkit-box-flex: 0;

  106.   -ms-flex: 0 0 100%;

  107.   flex: 0 0 100%;

  108.   max-width: 100%;

  109. }