add text-page iframe max width

.gitignore

@@ -4,4 +4,7 @@ vendor
 composer.phar
 composer.lock
 
-/uploads
+/uploads
+
+.sass-cache
+**/.sass-cache

src/files/css/main.css

@@ -1222,7 +1222,7 @@ th {
 
 html {
   font-size: 10px;
-  -webkit-tap-highlight-color: transparent; }
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -6274,7 +6274,7 @@ button.close {
   text-indent: -999px;
   cursor: pointer;
   background-color: #000 \9;
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
   border: 1px solid #fff;
   border-radius: 10px; }
 
@@ -8789,13 +8789,13 @@ a[href^="https://metrika.yandex.ru"] {
   bottom: 10px;
   right: 10px; }
 
-.text-page__text h2, .special-page__article h2, .full-news__text h2, .special-items__h2, .index-about h2 {
+.text-page__text h2, .special-page__article h2, .full-news__text h2, .text-page__video h2, .special-items__h2, .index-about h2 {
   font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
   font-size: 25px;
   margin: 20px 0;
   font-weight: 600; }
 
-.text-page__text h3, .special-page__article h3, .full-news__text h3 {
+.text-page__text h3, .special-page__article h3, .full-news__text h3, .text-page__video h3 {
   font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
   font-size: 20px;
   margin: 20px 0;
@@ -8813,35 +8813,37 @@ h7 {
   font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
   font-size: 13px; }
 
-.text-page__text p, .special-page__article p, .full-news__text p, .index-about p {
+.text-page__text p, .special-page__article p, .full-news__text p, .text-page__video p, .index-about p {
   font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
   font-size: 15px;
   margin: 20px 0; }
-  .text-page__text p img, .special-page__article p img, .full-news__text p img, .index-about p img {
+  .text-page__text p img, .special-page__article p img, .full-news__text p img, .text-page__video p img, .index-about p img {
     /*float: left;
     margin-right: 20px;
     margin-bottom: 23px;
     margin-top: 6px;*/
     margin: 10px;
     max-width: 100%; }
-  .text-page__text p b, .special-page__article p b, .full-news__text p b, .index-about p b,
+  .text-page__text p b, .special-page__article p b, .full-news__text p b, .text-page__video p b, .index-about p b,
   .text-page__text p strong,
   .special-page__article p strong,
   .full-news__text p strong,
+  .text-page__video p strong,
   .index-about p strong {
     font-weight: 600; }
-  .text-page__text p i, .special-page__article p i, .full-news__text p i, .index-about p i,
+  .text-page__text p i, .special-page__article p i, .full-news__text p i, .text-page__video p i, .index-about p i,
   .text-page__text p em,
   .special-page__article p em,
   .full-news__text p em,
+  .text-page__video p em,
   .index-about p em {
     font-style: italic; }
 
-.text-page__text ul, .special-page__article ul, .full-news__text ul {
+.text-page__text ul, .special-page__article ul, .full-news__text ul, .text-page__video ul {
   margin: 0;
   padding: 0;
   list-style-type: none; }
-  .text-page__text ul li, .special-page__article ul li, .full-news__text ul li {
+  .text-page__text ul li, .special-page__article ul li, .full-news__text ul li, .text-page__video ul li {
     padding-left: 12px;
     position: relative;
     font-size: 15px;
@@ -8849,7 +8851,7 @@ h7 {
     line-height: 1.5;
     margin-top: 10px;
     margin-bottom: 10px; }
-    .text-page__text ul li:before, .special-page__article ul li:before, .full-news__text ul li:before {
+    .text-page__text ul li:before, .special-page__article ul li:before, .full-news__text ul li:before, .text-page__video ul li:before {
       content: '';
       display: block;
       position: absolute;
@@ -8860,41 +8862,42 @@ h7 {
       width: 6px;
       height: 6px; }
 
-.text-page__text ol, .special-page__article ol, .full-news__text ol {
+.text-page__text ol, .special-page__article ol, .full-news__text ol, .text-page__video ol {
   margin: 0;
   padding: 0;
   list-style-type: none; }
-  .text-page__text ol > li, .special-page__article ol > li, .full-news__text ol > li {
+  .text-page__text ol > li, .special-page__article ol > li, .full-news__text ol > li, .text-page__video ol > li {
     margin: 10px 0;
     counter-increment: step-counter;
     font-size: 15px;
     font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
     color: #404040;
     line-height: 1.5; }
-    .text-page__text ol > li:before, .special-page__article ol > li:before, .full-news__text ol > li:before {
+    .text-page__text ol > li:before, .special-page__article ol > li:before, .full-news__text ol > li:before, .text-page__video ol > li:before {
       content: counter(step-counter) ".";
       font-size: 15px;
       font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
       color: #265e86;
       font-weight: bold;
       padding-right: 5px; }
-    .text-page__text ol > li ul, .special-page__article ol > li ul, .full-news__text ol > li ul, .text-page__text ol > li ol, .special-page__article ol > li ol, .full-news__text ol > li ol {
+    .text-page__text ol > li ul, .special-page__article ol > li ul, .full-news__text ol > li ul, .text-page__video ol > li ul, .text-page__text ol > li ol, .special-page__article ol > li ol, .full-news__text ol > li ol, .text-page__video ol > li ol {
       margin-left: 40px; }
 
-.text-page__text table, .special-page__article table, .full-news__text table {
+.text-page__text table, .special-page__article table, .full-news__text table, .text-page__video table {
   width: 100%;
   border-spacing: 0;
   border: 1px solid #e6e6e6;
   margin-top: 20px;
   max-width: 100%; }
   @media (max-width: 768px) {
-    .text-page__text table, .special-page__article table, .full-news__text table {
+    .text-page__text table, .special-page__article table, .full-news__text table, .text-page__video table {
       display: block;
       overflow: auto; } }
-  .text-page__text table thead td, .special-page__article table thead td, .full-news__text table thead td,
+  .text-page__text table thead td, .special-page__article table thead td, .full-news__text table thead td, .text-page__video table thead td,
   .text-page__text table th,
   .special-page__article table th,
-  .full-news__text table th {
+  .full-news__text table th,
+  .text-page__video table th {
     background: #e6e6e6;
     font-size: 11px;
     font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
@@ -8904,35 +8907,36 @@ h7 {
     padding: 17px 0 17px 12px;
     border: 1px solid #e6e6e6;
     text-align: left; }
-  .text-page__text table tbody td, .special-page__article table tbody td, .full-news__text table tbody td,
+  .text-page__text table tbody td, .special-page__article table tbody td, .full-news__text table tbody td, .text-page__video table tbody td,
   .text-page__text table td,
   .special-page__article table td,
-  .full-news__text table td {
+  .full-news__text table td,
+  .text-page__video table td {
     font-size: 14px;
     font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
     color: #404040;
     line-height: 1.714;
     border: 1px solid #e6e6e6;
     vertical-align: top; }
-  .text-page__text table p, .special-page__article table p, .full-news__text table p, .text-page__text table h1, .special-page__article table h1, .full-news__text table h1, .text-page__text table h2, .special-page__article table h2, .full-news__text table h2, .text-page__text table h3, .special-page__article table h3, .full-news__text table h3, .text-page__text table h4, .special-page__article table h4, .full-news__text table h4, .text-page__text table h5, .special-page__article table h5, .full-news__text table h5, .text-page__text table h6, .special-page__article table h6, .full-news__text table h6 {
+  .text-page__text table p, .special-page__article table p, .full-news__text table p, .text-page__video table p, .text-page__text table h1, .special-page__article table h1, .full-news__text table h1, .text-page__video table h1, .text-page__text table h2, .special-page__article table h2, .full-news__text table h2, .text-page__video table h2, .text-page__text table h3, .special-page__article table h3, .full-news__text table h3, .text-page__video table h3, .text-page__text table h4, .special-page__article table h4, .full-news__text table h4, .text-page__video table h4, .text-page__text table h5, .special-page__article table h5, .full-news__text table h5, .text-page__video table h5, .text-page__text table h6, .special-page__article table h6, .full-news__text table h6, .text-page__video table h6 {
     margin: 0;
     padding: 0; }
-  .text-page__text table.table-price, .special-page__article table.table-price, .full-news__text table.table-price {
+  .text-page__text table.table-price, .special-page__article table.table-price, .full-news__text table.table-price, .text-page__video table.table-price {
     table-layout: fixed; }
-    .text-page__text table.table-price th:nth-child(1), .special-page__article table.table-price th:nth-child(1), .full-news__text table.table-price th:nth-child(1), .text-page__text table.table-price td:nth-child(1), .special-page__article table.table-price td:nth-child(1), .full-news__text table.table-price td:nth-child(1) {
+    .text-page__text table.table-price th:nth-child(1), .special-page__article table.table-price th:nth-child(1), .full-news__text table.table-price th:nth-child(1), .text-page__video table.table-price th:nth-child(1), .text-page__text table.table-price td:nth-child(1), .special-page__article table.table-price td:nth-child(1), .full-news__text table.table-price td:nth-child(1), .text-page__video table.table-price td:nth-child(1) {
       width: 70%;
       text-align: left; }
-    .text-page__text table.table-price th:nth-child(2), .special-page__article table.table-price th:nth-child(2), .full-news__text table.table-price th:nth-child(2), .text-page__text table.table-price td:nth-child(2), .special-page__article table.table-price td:nth-child(2), .full-news__text table.table-price td:nth-child(2) {
+    .text-page__text table.table-price th:nth-child(2), .special-page__article table.table-price th:nth-child(2), .full-news__text table.table-price th:nth-child(2), .text-page__video table.table-price th:nth-child(2), .text-page__text table.table-price td:nth-child(2), .special-page__article table.table-price td:nth-child(2), .full-news__text table.table-price td:nth-child(2), .text-page__video table.table-price td:nth-child(2) {
       width: 30%;
       text-align: right; }
 
-.text-page__text blockquote, .special-page__article blockquote, .full-news__text blockquote {
+.text-page__text blockquote, .special-page__article blockquote, .full-news__text blockquote, .text-page__video blockquote {
   padding: 5px 25px 5px 60px;
   background: #ebebeb url("../img/cite.png") 20px 30px no-repeat; }
-  .text-page__text blockquote p, .special-page__article blockquote p, .full-news__text blockquote p {
+  .text-page__text blockquote p, .special-page__article blockquote p, .full-news__text blockquote p, .text-page__video blockquote p {
     font-size: 25px;
     font-family: "Cuprum", Impact, "Charcoal CY", sans-serif; }
-    .text-page__text blockquote p small, .special-page__article blockquote p small, .full-news__text blockquote p small {
+    .text-page__text blockquote p small, .special-page__article blockquote p small, .full-news__text blockquote p small, .text-page__video blockquote p small {
       font-size: 15px; }
 
 img {
@@ -8943,6 +8947,8 @@ img {
   font-weight: 700;
   color: #004d7b;
   font-size: 34px; }
+.text-page__video iframe {
+  max-width: 100%; }
 
 .shortnews__list {
   display: flex;
@@ -10651,7 +10657,7 @@ img {
   .organization-info__description--short {
     max-height: 100px; }
     .organization-info__description--short:after {
-      background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%) repeat scroll 0 0;
+      background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%) repeat scroll 0 0;
       bottom: 0;
       content: "";
       display: block;

src/files/scss/_text-page.scss

@@ -9,4 +9,12 @@
 
         @extend %all-tags;
     }
+
+    &__video {
+        @extend %all-tags;
+
+        iframe {
+            max-width: 100%;
+        }
+    }
 }