PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
mstdmstd
Отправлено: 28 Февраля, 2017 - 18:48:09
Post Id


Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Всем привет,
В проекте с bootstrap-3.3.7 подключаю popover.js, v3.3.7.
Проект компилируется с scss-файлами.


В bootstrap-sass-3.3.7.tar.gz нашел файл _popovers.scss и в него записал все переменные которые sass потребовал и закометарил строки
CODE (htmlphp):
скопировать код в буфер обмена
  1.   //@include reset-text;
  2. ...
  3.   //@include box-shadow(0 5px 10px rgba(0,0,0,.2));
  4.  


Но запуская команду:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  sass --watch     static/scss/modern-business/popovers.scss:static/css/modern-business/popovers.css
  2.  
Получаю ошибку:
CODE (htmlphp):
скопировать код в буфер обмена
  1.                    error sass (Line 39: Inconsistent indentation: 2 spaces were used for indentation, but the rest of the document was indented using 8 spaces.)
  2.  
Сам файл генерится и можно работать, но непонятно, что вызвало ошибку и насколько она критична?
Я приаттачу весь файл ниже. И похоже что номер строки указывает не на файл - так как меняя файл номер строки ошибки не менялся...
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. //
  3. // Popovers
  4. // --------------------------------------------------
  5. $zindex-popover:           1060 !default;
  6.  
  7. //== Popovers
  8.  
  9. //** Popover body background color
  10. $popover-bg:                          #fff !default;
  11. //** Popover maximum width
  12. $popover-max-width:                   276px !default;
  13. //** Popover border color
  14. $popover-border-color:                rgba(0,0,0,.2) !default;
  15. //** Popover fallback border color
  16. $popover-fallback-border-color:       #ccc !default;
  17.  
  18. //** Popover title background color
  19. $popover-title-bg:                    darken($popover-bg, 3%) !default;
  20.  
  21. //** Popover arrow width
  22. $popover-arrow-width:                 10px !default;
  23. //** Popover arrow color
  24. $popover-arrow-color:                 $popover-bg !default;
  25. //** Popover outer arrow width
  26. $popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
  27. //** Popover outer arrow color
  28. $popover-arrow-outer-color:           fade_in($popover-border-color, 0.05) !default;
  29. //** Popover outer arrow fallback color
  30. $popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
  31.  
  32. $font-size-base:          14px !default;
  33. $font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
  34. $font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
  35.  
  36. $border-radius-base:        4px !default;
  37. $border-radius-large:       6px !default;
  38. $border-radius-small:       3px !default;
  39.  
  40. .popover {
  41.   position: absolute;
  42.   top: 0;
  43.   left: 0;
  44.   z-index: $zindex-popover;
  45.   display: none;
  46.   max-width: $popover-max-width;
  47.   padding: 1px;
  48.   // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
  49.   // So reset our font and text properties to avoid inheriting weird values.
  50.   //@include reset-text;
  51.   font-size: $font-size-base;
  52.  
  53.   background-color: $popover-bg;
  54.   background-clip: padding-box;
  55.   border: 1px solid $popover-fallback-border-color;
  56.   border: 1px solid $popover-border-color;
  57.   border-radius: $border-radius-large;
  58.   //@include box-shadow(0 5px 10px rgba(0,0,0,.2));
  59.  
  60.   // Offset the popover to account for the popover arrow
  61.   &.top     { margin-top: -$popover-arrow-width; }
  62.   &.right   { margin-left: $popover-arrow-width; }
  63.   &.bottom  { margin-top: $popover-arrow-width; }
  64.   &.left    { margin-left: -$popover-arrow-width; }
  65. }
  66.  
  67. .popover-title {
  68.   margin: 0; // reset heading margin
  69.   padding: 8px 14px;
  70.   font-size: $font-size-base;
  71.   background-color: $popover-title-bg;
  72.   border-bottom: 1px solid darken($popover-title-bg, 5%);
  73.   border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
  74. }
  75.  
  76. .popover-content {
  77.   padding: 9px 14px;
  78. }
  79.  
  80. // Arrows
  81. //
  82. // .arrow is outer, .arrow:after is inner
  83.  
  84. .popover > .arrow {
  85.   &,
  86.  &:after {
  87.         position: absolute;
  88.         display: block;
  89.         width: 0;
  90.         height: 0;
  91.         border-color: transparent;
  92.         border-style: solid;
  93.   }
  94. }
  95. .popover > .arrow {
  96.   border-width: $popover-arrow-outer-width;
  97. }
  98. .popover > .arrow:after {
  99.   border-width: $popover-arrow-width;
  100.   content: "";
  101. }
  102.  
  103. .popover {
  104.   &.top > .arrow {
  105.         left: 50%;
  106.         margin-left: -$popover-arrow-outer-width;
  107.         border-bottom-width: 0;
  108.         border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
  109.         border-top-color: $popover-arrow-outer-color;
  110.         bottom: -$popover-arrow-outer-width;
  111.         &:after {
  112.           content: " ";
  113.           bottom: 1px;
  114.           margin-left: -$popover-arrow-width;
  115.           border-bottom-width: 0;
  116.           border-top-color: $popover-arrow-color;
  117.         }
  118.   }
  119.   &.right > .arrow {
  120.         top: 50%;
  121.         left: -$popover-arrow-outer-width;
  122.         margin-top: -$popover-arrow-outer-width;
  123.         border-left-width: 0;
  124.         border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
  125.         border-right-color: $popover-arrow-outer-color;
  126.         &:after {
  127.           content: " ";
  128.           left: 1px;
  129.           bottom: -$popover-arrow-width;
  130.           border-left-width: 0;
  131.           border-right-color: $popover-arrow-color;
  132.         }
  133.   }
  134.   &.bottom > .arrow {
  135.         left: 50%;
  136.         margin-left: -$popover-arrow-outer-width;
  137.         border-top-width: 0;
  138.         border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
  139.         border-bottom-color: $popover-arrow-outer-color;
  140.         top: -$popover-arrow-outer-width;
  141.         &:after {
  142.           content: " ";
  143.           top: 1px;
  144.           margin-left: -$popover-arrow-width;
  145.           border-top-width: 0;
  146.           border-bottom-color: $popover-arrow-color;
  147.         }
  148.   }
  149.  
  150.   &.left > .arrow {
  151.         top: 50%;
  152.         right: -$popover-arrow-outer-width;
  153.         margin-top: -$popover-arrow-outer-width;
  154.         border-right-width: 0;
  155.         border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
  156.         border-left-color: $popover-arrow-outer-color;
  157.         &:after {
  158.           content: " ";
  159.           right: 1px;
  160.           border-right-width: 0;
  161.           border-left-color: $popover-arrow-color;
  162.           bottom: -$popover-arrow-width;
  163.         }
  164.   }
  165. }
  166.  
  167.  

Спасибо!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB