API tools faq
paste
Advertisement
Konark

Untitled

Konark
Apr 16th, 2020
324
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.25 KB | None | 0 0
raw download clone embed print report
  1. /**
  2.  * @package     WordPress
  3.  * @subpackage  Cash Bay
  4.  * @version     1.0.4
  5.  *
  6.  * Gutenberg CSS Rules
  7.  * Created by CMSMasters
  8.  *
  9.  */
  10.  
  11.  
  12.  
  13. @import "../../../../../theme-framework/theme-style/css/less/general.less";
  14.  
  15.  
  16. @gutenberg_block_paddings:43px * 2 - 28px * 2;
  17.  
  18. .gutenberg_styles() {
  19.  
  20. /*-------------------------------------------------------------------------*/
  21. /* General Styles
  22. /*-------------------------------------------------------------------------*/
  23.  
  24. .wp-block {
  25.     &[data-align="full"] {
  26.         width:100%;
  27.     }
  28. }
  29.  
  30.  
  31. /** === Base Typography === */
  32. a {
  33.     outline:0;
  34.     text-decoration:none;
  35.     transition:color 110ms ease-in-out;
  36. }
  37.  
  38. div.wp-block {
  39.     h1,
  40.     h2,
  41.     h3,
  42.     h4,
  43.     h5,
  44.     h6,
  45.     pre {
  46.         a {
  47.             font-family:inherit;
  48.             font-size:inherit;
  49.             line-height:inherit;
  50.             font-weight:inherit;
  51.             font-style:inherit;
  52.         }
  53.     }
  54.    
  55.     b,
  56.     strong {
  57.         font-weight:bold;
  58.     }
  59.  
  60.     .editor-rich-text__tinymce  {
  61.         code {
  62.             background-color:transparent;
  63.             color:inherit;
  64.             font-family:monospace;
  65.             font-size:inherit;
  66.             line-height:inherit;
  67.             font-weight:inherit;
  68.             font-style:inherit;
  69.             letter-spacing:1px;
  70.         }
  71.     }
  72. }
  73.  
  74. small {
  75.     small {
  76.         font-size:75%;
  77.     }
  78. }
  79.  
  80. .wp-block select {
  81.     .default_select(1);
  82. }
  83.  
  84.  
  85. /** === Post Title === */
  86. .editor-post-title__block {
  87.     .editor-post-title__input {
  88.         outline:none;
  89.     }
  90. }
  91.  
  92.  
  93. /** === Default Appender === */
  94. .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
  95.     outline:none;
  96. }
  97.  
  98.  
  99. /** === Heading === */
  100. .wp-block-heading {
  101.     outline:none;
  102. }
  103.  
  104.  
  105. /** === Paragraph === */
  106. p {
  107.     &.has-background {
  108.         margin:0 0 @line_height_pad;
  109.         padding:.95em 1.3em;
  110.     }
  111.    
  112.     &.has-drop-cap:not(:focus):first-letter {
  113.         margin:.32em .73em .1em .52em;
  114.     }
  115.    
  116.     &.has-small-font-size,
  117.     &.has-medium-font-size,
  118.     &.has-large-font-size,
  119.     &.has-huge-font-size,
  120.     &[style^="font-size:"],
  121.     &[style*="font-size:"] {
  122.         line-height:1.5em;
  123.     }
  124. }
  125.  
  126. /** === Image === */
  127. .wp-block-image {
  128.     &:not(.editor-media-placeholder) {
  129.         line-height:0;
  130.         display:block !important;
  131.         margin:0 auto @line_height_pad;
  132.         .tac;
  133.     }
  134.    
  135.     &.alignleft {
  136.         margin-right:2em;
  137.     }
  138.  
  139.     &.alignright {
  140.         margin-left:2em;
  141.     }
  142.    
  143.     figcaption {
  144.         display:block !important;
  145.         margin:0;
  146.         padding:15px 0;
  147.         .tac !important;
  148.     }
  149.    
  150.     div[style^="width:"],
  151.     div[style*="width:"],
  152.     .components-resizable-box__container {
  153.         max-width:100% !important;
  154.         height:auto !important;
  155.         margin:0 auto;
  156.     }
  157.    
  158.     .editor-rich-text {
  159.         display:block !important;
  160.     }
  161. }
  162.  
  163.  
  164. /** === Gallery === */
  165. div.wp-block {
  166.     .wp-block-gallery {
  167.         .blocks-gallery-item {
  168.             margin:0 16px 16px 0;
  169.             padding:0;
  170.         }
  171.        
  172.         &.columns-3 {
  173.             .blocks-gallery-image,
  174.             .blocks-gallery-item {
  175.                 &:nth-of-type(3n) {
  176.                     margin-right:0;
  177.                 }
  178.                
  179.                 &:last-child {
  180.                     margin-right:0;
  181.                 }
  182.             }
  183.         }
  184.        
  185.         &.columns-2 {
  186.             .blocks-gallery-image,
  187.             .blocks-gallery-item {
  188.                 &:nth-of-type(2n) {
  189.                     margin-right:0;
  190.                 }
  191.                
  192.                 &:last-child {
  193.                     margin-right:0;
  194.                 }
  195.             }
  196.         }
  197.     }
  198. }
  199.  
  200. .wp-block-gallery {
  201.     margin:0 0 @line_height_pad;
  202.  
  203.     &.alignleft {
  204.         margin-right:2em;
  205.     }
  206.    
  207.     &.alignright {
  208.         margin-left:2em;
  209.     }
  210.    
  211.     &.columns-3 {
  212.         .blocks-gallery-image:nth-of-type(3n),
  213.         .blocks-gallery-item:nth-of-type(3n) {
  214.             margin-right:0;
  215.         }
  216.     }
  217.    
  218.     &.columns-2 {
  219.         .blocks-gallery-image:nth-of-type(2n),
  220.         .blocks-gallery-item:nth-of-type(2n) {
  221.             margin-right:0;
  222.         }
  223.     }
  224.    
  225.     &.columns-4 {
  226.         .blocks-gallery-image:nth-of-type(4n),
  227.         .blocks-gallery-item:nth-of-type(4n) {
  228.             margin-right:0;
  229.         }
  230.     }
  231.    
  232.     &.columns-5 {
  233.         .blocks-gallery-image:nth-of-type(5n),
  234.         .blocks-gallery-item:nth-of-type(5n) {
  235.             margin-right:0;
  236.         }
  237.     }
  238.    
  239.     li {
  240.         padding:0;
  241.        
  242.         &:before {
  243.             content:none;
  244.         }
  245.     }
  246.    
  247.     .blocks-gallery-item {
  248.         &:before {
  249.             content:none;
  250.         }
  251.     }
  252.    
  253.     &.is-cropped {
  254.         .blocks-gallery-image,
  255.         .blocks-gallery-item {
  256.             img {
  257.                 width:100%;
  258.             }
  259.         }
  260.     }
  261.    
  262.     .blocks-gallery-image figcaption,
  263.     .blocks-gallery-item figcaption {
  264.         margin:0;
  265.         padding:25px 5px 10px;
  266.         overflow:auto;
  267.         .tac;
  268.     }
  269.    
  270.     @media @monitor_phone {
  271.         display:block;
  272.        
  273.         .blocks-gallery-image,
  274.         .blocks-gallery-item {
  275.             display:block;
  276.             width:100%;
  277.         }
  278.     }
  279.  
  280.     .blocks-gallery-caption {
  281.         margin-bottom: 20px;
  282.     }
  283. }
  284.  
  285.  
  286. /** === Lists === */
  287. div.wp-block ul,
  288. div.wp-block ol,
  289. ul.wp-block,
  290. ol.wp-block {
  291.     margin:0 auto;
  292.     padding:0;
  293.     list-style-position:inside;
  294.    
  295.     li {
  296.         margin:0;
  297.         padding:@default_list_top_pad 0 0;
  298.        
  299.         &:first-child {
  300.             padding-top:0;
  301.         }
  302.     }
  303. }
  304.  
  305. div.wp-block ul,
  306. div.wp-block ol,
  307. ul.wp-block,
  308. ol.wp-block,
  309. div.wp-block .block-library-list .editor-rich-text__tinymce {
  310.     ol,
  311.     ul {
  312.         margin:0 0 0 @default_list_left_pad;
  313.         padding:@default_list_top_pad 0 0;
  314.     }
  315. }
  316.  
  317. div.wp-block .block-library-list .editor-rich-text__tinymce {
  318.     margin:0 0 @line_height_pad;
  319.     padding:0;
  320. }
  321.  
  322. div.wp-block ul,
  323. ul.wp-block {
  324.     .default_list();
  325. }
  326.  
  327. div.wp-block ol,
  328. ol.wp-block {
  329.     list-style-type:decimal-leading-zero;
  330. }
  331.  
  332.  
  333. /** === Blockquote === */
  334. .wp-block-quote {
  335.     &,
  336.     &.is-large,
  337.     &.is-style-large {
  338.         .default_blockquote();
  339.        
  340.         .editor-rich-text__tinymce {
  341.             line-height:inherit;
  342.         }
  343.        
  344.         p,
  345.         cite,
  346.         footer,
  347.         .wp-block-quote__citation {
  348.             color:inherit;
  349.             font-family:inherit;
  350.             font-size:inherit;
  351.             line-height:inherit;
  352.             font-weight:inherit;
  353.             font-style:inherit;
  354.         }
  355.        
  356.         cite,
  357.         footer,
  358.         .wp-block-quote__citation {
  359.             font-style:italic;
  360.         }
  361.     }
  362.    
  363.     &.is-large,
  364.     &.is-style-large {
  365.         cite,
  366.         footer,
  367.         .wp-block-quote__citation {
  368.             .tal;
  369.         }
  370.     }
  371. }
  372.  
  373.  
  374. /** === Block Audio === */
  375. .wp-block-audio {
  376.     margin-bottom:@line_height_pad;
  377.    
  378.     figcaption {
  379.         display:block !important;
  380.         margin:0;
  381.         padding:15px 0;
  382.         .tac !important;
  383.     }
  384.    
  385.     audio {
  386.         width:100%;
  387.         min-width:300px;
  388.        
  389.         &::-webkit-media-controls-play-button,
  390.         &::-webkit-media-controls-mute-button {
  391.             opacity:1;
  392.             cursor:pointer;
  393.             .trans(~'opacity .3s ease-in-out');
  394.            
  395.             &:hover {
  396.                 opacity:0.5;
  397.             }
  398.         }
  399.     }
  400. }
  401.  
  402.  
  403. /** === Cover === */
  404. .wp-block-cover,
  405. .wp-block-cover-image {
  406.     margin:0 0 @line_height_pad;
  407.     padding:10px 30px;
  408.    
  409.     &.alignleft {
  410.         margin-left:0;
  411.         margin-right:2em;
  412.     }
  413.    
  414.     &.alignright {
  415.         margin-left:2em;
  416.         margin-right:0;
  417.     }
  418.    
  419.     h2,
  420.     .wp-block-cover-text,
  421.     .wp-block-cover-image-text {
  422.         margin:0;
  423.         padding:0;
  424.        
  425.         strong {
  426.             font-weight:bolder;
  427.         }
  428.     }
  429. }
  430.  
  431. .wp-block-cover-image.alignleft,
  432. .wp-block-cover-image.alignright,
  433. .wp-block-cover.alignleft,
  434. .wp-block-cover.alignright,
  435. [data-align=left] .wp-block-cover,
  436. [data-align=left] .wp-block-cover-image,
  437. [data-align=right] .wp-block-cover,
  438. [data-align=right] .wp-block-cover-image {
  439.     width:auto;
  440.     max-width:100%;
  441. }
  442.  
  443.  
  444. /** === File === */
  445. .wp-block-file {
  446.     margin:0 0 @line_height_pad;
  447.    
  448.     > a:not([class]),
  449.     .wp-block-file__textlink {
  450.         display:inline-block;
  451.         margin:0 20px 0 0;
  452.        
  453.         [dir=rtl] & {
  454.             margin-left:20px;
  455.             margin-right:0;
  456.         }
  457.     }
  458.    
  459.     .wp-block-file__button-richtext-wrapper {
  460.         display:inline-block;
  461.         margin:0;
  462.     }
  463.    
  464.     .wp-block-file__button,
  465.     a.wp-block-file__button {
  466.         .default_button();
  467.         .trans(~'color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out');
  468.        
  469.         &,
  470.         &:hover,
  471.         &:focus,
  472.         &:active {
  473.             margin:0;
  474.             .bd(0);
  475.             .bxsh_none;
  476.             .op(1);
  477.            
  478.             &:before,
  479.             &:after {
  480.                 content:none !important;
  481.             }
  482.         }
  483.     }
  484. }
  485.  
  486.  
  487. /** === Video === */
  488. .wp-block-video {
  489.     margin:0 0 @line_height_pad;
  490.     .tac;
  491.    
  492.     video {
  493.         display:inline-block;
  494.     }
  495.    
  496.     figcaption {
  497.         margin:0;
  498.         padding:6px 0 15px;
  499.         .tac;
  500.     }
  501. }
  502.  
  503.  
  504. /** === Code === */
  505. .wp-block-code {
  506.     background-color:transparent;
  507.     color:inherit;
  508.     font-family:monospace;
  509.     font-size:inherit;
  510.     line-height:inherit;
  511.     font-weight:inherit;
  512.     font-style:inherit;
  513.     letter-spacing:1px;
  514.     margin:0 0 @line_height_pad;
  515.     .bd(0);
  516.     .bdrs(0);
  517.     .bxsh_none;
  518.    
  519.     code,
  520.     .editor-plain-text {
  521.         background-color:inherit;
  522.         color:inherit;
  523.         font-family:inherit;
  524.         font-size:inherit;
  525.         line-height:inherit;
  526.         font-weight:inherit;
  527.         font-style:inherit;
  528.         letter-spacing:inherit;
  529.         display:block;
  530.     }
  531. }
  532.  
  533.  
  534. /** === Custom HTML === */
  535. .wp-block-html {
  536.     margin:0 0 @line_height_pad;
  537.    
  538.     .editor-plain-text {
  539.         display:block;
  540.         color:inherit;
  541.         font-family:inherit;
  542.         font-size:inherit;
  543.         line-height:inherit;
  544.         font-weight:inherit;
  545.         font-style:inherit;
  546.     }
  547.    
  548.     iframe {
  549.         display:block;
  550.     }
  551. }
  552.  
  553.  
  554. /** === Preformatted === */
  555. .wp-block-preformatted {
  556.     margin:0 0 @line_height_pad;
  557.    
  558.     pre {
  559.         color:inherit;
  560.         font-family:monospace;
  561.         font-size:inherit;
  562.         line-height:inherit;
  563.         font-weight:inherit;
  564.         font-style:inherit;
  565.         letter-spacing:1px;
  566.     }
  567. }
  568.  
  569.  
  570. /** === Pullquote === */
  571. .wp-block-pullquote {
  572.     margin:0 0 @line_height_pad;
  573.     padding:50px 0;
  574.    
  575.     &:not(.is-style-solid-color) {
  576.         .bdt(4px);
  577.         .bdb(4px);
  578.     }
  579.    
  580.     &.is-style-solid-color {
  581.         padding-left:50px;
  582.         padding-right:50px;
  583.        
  584.         blockquote {
  585.             max-width:100%;
  586.         }
  587.     }
  588.    
  589.     blockquote,
  590.     &.is-style-solid-color blockquote {
  591.         margin:0;
  592.         padding:0;
  593.         hyphens:auto;
  594.         word-break:break-word;
  595.         .bd(0);
  596.         .tac;
  597.        
  598.         &:before {
  599.             content:none;
  600.         }
  601.        
  602.         &,
  603.         p,
  604.         .editor-rich-text p,
  605.         cite,
  606.         .wp-block-pullquote__citation {
  607.             color:inherit;
  608.             font-family:inherit;
  609.             font-size:inherit;
  610.             line-height:inherit;
  611.             font-weight:inherit;
  612.             font-style:inherit;
  613.         }
  614.        
  615.         p:last-of-type,
  616.         > .editor-rich-text p:last-of-type {
  617.             margin:0;
  618.         }
  619.        
  620.         cite,
  621.         .wp-block-pullquote__citation {
  622.             display:block;
  623.             font-style:italic;
  624.             margin-top:15px;
  625.         }
  626.     }
  627. }
  628.  
  629.  
  630. /** === Table === */
  631. .wp-block-table {
  632.     .default_table();
  633.    
  634.     table {
  635.         margin: 0;
  636.     }
  637.  
  638.     th {
  639.         text-align: inherit;
  640.     }
  641.  
  642.     figcaption {
  643.         color: inherit;
  644.         font-size: inherit;
  645.         margin-top: 10px;
  646.         text-align: center;
  647.     }
  648. }
  649.  
  650.  
  651. /** === Verse === */
  652. pre.wp-block-verse {
  653.     color:inherit;
  654.     font-family:monospace;
  655.     font-size:inherit;
  656.     line-height:inherit;
  657.     font-weight:inherit;
  658.     font-style:inherit;
  659.     letter-spacing:1px;
  660.     margin:0 0 @line_height_pad;
  661.     padding:0;
  662. }
  663.  
  664.  
  665. /** === Spacer === */
  666. .wp-block-spacer {
  667.     clear:both;
  668. }
  669.  
  670.  
  671. /** === Button === */
  672. .wp-block-buttons {
  673.     display: flex;
  674.     flex-wrap: wrap;
  675.     margin:-5px 0 @line_height_pad -5px;
  676.  
  677.     .wp-block-button {
  678.         display: block;
  679.         margin: 5px 0 0 5px;
  680.     }
  681. }
  682.  
  683. .wp-block-button {
  684.     display:block;
  685.     margin:0 0 @line_height_pad;
  686.    
  687.     .wp-block-button__link,
  688.     &.is-style-outline .wp-block-button__link {
  689.         .default_button();
  690.         .trans(~'color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out, border-radius .3s ease-in-out');
  691.        
  692.         & when (@but_bdrs_width = 0) {
  693.             .bdrs(5px);
  694.         }
  695.        
  696.         &,
  697.         &:hover,
  698.         &:focus,
  699.         &:active {
  700.             .bxsh_none;
  701.            
  702.             &:before,
  703.             &:after {
  704.                 content:none !important;
  705.             }
  706.         }
  707.     }
  708.    
  709.     &:not(.is-style-outline) .wp-block-button__link {
  710.         .bd(0);
  711.     }
  712.    
  713.     &.is-style-outline .wp-block-button__link {
  714.         & when (@but_bd_width = 0) {
  715.             .bd(1px);
  716.         }
  717.        
  718.         &.has-text-color {
  719.             border-color:currentColor !important;
  720.         }
  721.     }
  722.    
  723.     &.is-style-squared .wp-block-button__link {
  724.         .bdrs(0);
  725.     }
  726. }
  727.  
  728.  
  729. /** === Media Text === */
  730. .wp-block-media-text {
  731.     margin:0 0 @line_height_pad;
  732.    
  733.     @media @monitor_tablet_600 {
  734.         display:block;
  735.        
  736.         .wp-block-media-text__media {
  737.             margin:0 0 @line_height_pad;
  738.         }
  739.        
  740.         .wp-block-media-text__content {
  741.             padding:0;
  742.         }
  743.     }
  744.    
  745.     .wp-block-media-text__content {
  746.         p:last-of-type {
  747.             margin:0;
  748.             padding:0;
  749.         }
  750.     }
  751. }
  752.  
  753.  
  754. /** === Separator === */
  755. .wp-block-separator {
  756.     &,
  757.     &.is-style-wide,
  758.     &.is-style-dots {
  759.         max-width:100%;
  760.         min-height:1px;
  761.         margin:(@line_height_pad * 2) auto;
  762.         position:relative;
  763.         .bd(0);
  764.     }
  765.    
  766.     &:before {
  767.         content:'';
  768.         .pos_abs(30%, 1px);
  769.     }
  770.    
  771.     &.is-style-wide:before {
  772.         width:100%;
  773.     }
  774.    
  775.     &.is-style-dots {
  776.         height:10px;
  777.         line-height:10px;
  778.         .tac;
  779.        
  780.         &:before {
  781.             content:"\00b7 \00b7 \00b7";
  782.             font-family:serif;
  783.             font-size:45px;
  784.             line-height:10px;
  785.             letter-spacing:1.4em;
  786.             width:100%;
  787.             height:10px;
  788.             padding:0 0 0 1.4em;
  789.         }
  790.     }
  791. }
  792.  
  793.  
  794. /** === Archives, Categories === */
  795. ul.wp-block-archives,
  796. ul.wp-block-categories,
  797. ul.wp-block-categories__list {
  798.     margin-bottom:@line_height_pad;
  799.     padding:0;
  800.     position:relative;
  801. }
  802.  
  803. div.wp-block {
  804.     ul.wp-block-archives,
  805.     ul.wp-block-categories,
  806.     ul.wp-block-categories__list {
  807.         margin-bottom:@line_height_pad;
  808.         padding:0;
  809.         position:relative;
  810.        
  811.         ul {
  812.             margin-bottom:0;
  813.             padding:@default_list_top_pad 0 0;
  814.         }
  815.     }
  816. }
  817.  
  818. div.wp-block-archives.wp-block-archives-dropdown,
  819. div.wp-block-categories.wp-block-categories-dropdown {
  820.     margin-bottom:@line_height_pad;
  821.    
  822.     label {
  823.         .dn;
  824.     }
  825. }
  826.  
  827.  
  828. /** === Latest Posts === */
  829. .wp-block-latest-posts {
  830.     margin-bottom:@line_height_pad;
  831.     padding:0;
  832.     list-style-type:none !important;
  833.    
  834.     ul {
  835.         list-style-type:none !important;
  836.     }
  837.    
  838.     li {
  839.         &:before {
  840.             content:none !important;
  841.         }
  842.     }
  843.    
  844.     .wp-block-latest-posts__post-date {
  845.         display:block;
  846.         margin:-3px 0 0;
  847.     }
  848.    
  849.     &.is-grid {
  850.         margin-left:-@line_height_pad;
  851.         margin-right:-@line_height_pad;
  852.         margin-top:-@line_height_pad;
  853.        
  854.         li {
  855.             margin-top:@line_height_pad;
  856.             padding-left:@line_height_pad;
  857.             padding-right:@line_height_pad;
  858.             padding-top:0;
  859.         }
  860.     }
  861. }
  862.  
  863. div.wp-block {
  864.     .wp-block-latest-posts {
  865.         margin-bottom:@line_height_pad;
  866.         padding:0;
  867.        
  868.         ul {
  869.             margin-bottom:0;
  870.             padding:@default_list_top_pad 0 0;
  871.         }
  872.     }
  873. }
  874.  
  875.  
  876. /** === Latest Comments === */
  877. .wp-block-latest-comments {
  878.     list-style:none;
  879.     margin-bottom:@line_height_pad;
  880.    
  881.     .wp-block-latest-comments__comment {
  882.         min-height:auto;
  883.         margin:25px 0 0;
  884.         padding:0;
  885.         .ovh;
  886.        
  887.         &:first-child {
  888.             margin:0;
  889.         }
  890.     }
  891.    
  892.     &.has-avatars .wp-block-latest-comments__comment {
  893.         min-height:48px;
  894.     }
  895.    
  896.     .wp-block-latest-comments__comment-avatar {
  897.         width:48px;
  898.         height:48px;
  899.         margin:0 17px 0 0;
  900.         .fl;
  901.         .bdrs(50%);
  902.        
  903.         [dir=rtl] & {
  904.             margin:0 0 0 17px;
  905.             .fr;
  906.         }
  907.     }
  908.    
  909.     article {
  910.         display:block;
  911.         padding:0 0 0 3px;
  912.         .ovh;
  913.        
  914.         [dir=rtl] & {
  915.             margin:0 3px 0 0;
  916.         }
  917.     }
  918.    
  919.     &.has-avatars .wp-block-latest-comments__comment-meta,
  920.     .wp-block-latest-comments__comment-meta {
  921.         margin:0;
  922.     }
  923.    
  924.     .wp-block-latest-comments__comment-date {
  925.         margin:-3px 0 0;
  926.     }
  927.    
  928.     &.has-avatars .wp-block-latest-comments__comment-excerpt,
  929.     .wp-block-latest-comments__comment-excerpt {
  930.         margin:5px 0 0;
  931.        
  932.         p {
  933.             margin:0;
  934.             padding:0 0 20px;
  935.         }
  936.        
  937.         > *:last-child {
  938.             margin:0;
  939.             padding:0;
  940.         }
  941.     }
  942.    
  943.     &.aligncenter {
  944.         .wp-block-latest-comments__comment-avatar {
  945.             margin:0 auto 10px;
  946.             float:none;
  947.         }
  948.        
  949.         article {
  950.             padding:0 3px;
  951.         }
  952.        
  953.         .wp-block-latest-comments__comment-excerpt {
  954.             .tac;
  955.         }
  956.     }
  957. }
  958.  
  959.  
  960. /** === Classic Editor === */
  961. .wp-caption {
  962.     dd {
  963.         margin:0;
  964.         padding:10px 5px;
  965.         .tac;
  966.     }
  967. }
  968.  
  969. div.wp-block .wp-block-freeform.block-library-rich-text__tinymce {
  970.     h1,
  971.     h2,
  972.     h3,
  973.     h4,
  974.     h5,
  975.     h6 {
  976.         a {
  977.             color:inherit;
  978.         }
  979.     }
  980. }
  981.  
  982. .wp-block-freeform {
  983.     &.mce-content-body {
  984.         > p,
  985.         > h1,
  986.         > h2,
  987.         > h3,
  988.         > h4,
  989.         > h5,
  990.         > h6,
  991.         > table,
  992.         > blockquote,
  993.         > ul,
  994.         > ol,
  995.         > pre,
  996.         > address {
  997.             margin-top:0;
  998.             margin-bottom:@line_height_pad;
  999.         }
  1000.        
  1001.         > dl {
  1002.             margin-top:0;
  1003.             margin-bottom:0;
  1004.         }
  1005.     }
  1006.    
  1007.     &.block-library-rich-text__tinymce {
  1008.         overflow:visible;
  1009.     }
  1010.    
  1011.     abbr,
  1012.     acronym {
  1013.         text-decoration:underline;
  1014.     }
  1015.    
  1016.     pre,
  1017.     code,
  1018.     tt,
  1019.     kbd,
  1020.     samp {
  1021.         background-color:transparent;
  1022.         color:inherit;
  1023.         font-family:monospace;
  1024.         font-size:inherit;
  1025.         line-height:inherit;
  1026.         font-weight:inherit;
  1027.         font-style:inherit;
  1028.         letter-spacing:1px;
  1029.         margin:0;
  1030.         padding:0;
  1031.     }
  1032.    
  1033.     dl {
  1034.         display:block;
  1035.         overflow:hidden;
  1036.     }
  1037.    
  1038.     dt {
  1039.         display:block;
  1040.         font-weight:bold;
  1041.         overflow:hidden;
  1042.     }
  1043.    
  1044.     dd {
  1045.         display:block;
  1046.         overflow:hidden;
  1047.         margin:0 0 @line_height_pad;
  1048.     }
  1049.    
  1050.     hr {
  1051.         margin:(@line_height_pad * 2) 0;
  1052.         .bdt(0);
  1053.         .bdb;
  1054.     }
  1055.    
  1056.     blockquote {
  1057.         margin:0;
  1058.         padding:0;
  1059.         .bd(0);
  1060.         .bdrs(0);
  1061.         .bxsh_none;
  1062.         .default_blockquote();
  1063.        
  1064.         cite {
  1065.             display:block;
  1066.         }
  1067.     }
  1068.    
  1069.     .mce-item-table {
  1070.         th {
  1071.             font-weight:inherit;
  1072.             .tal;
  1073.            
  1074.             [dir=rtl] & {
  1075.                 .tar;
  1076.             }
  1077.         }
  1078.        
  1079.         .default_table();
  1080.     }
  1081.    
  1082.     .gallery {
  1083.         position:relative;
  1084.         margin:0 -@col_mar 20px;
  1085.        
  1086.         &:after {
  1087.             .cl_after;
  1088.         }
  1089.        
  1090.         img {
  1091.             width:100%;
  1092.             border:none;
  1093.         }
  1094.        
  1095.         .gallery-item {
  1096.             position:relative;
  1097.             float:left;
  1098.             margin:0 @col_mar 20px;
  1099.            
  1100.             &:after {
  1101.                 .cl_after;
  1102.             }
  1103.            
  1104.             .wp-caption-text {
  1105.                 margin:0;
  1106.                 padding:10px 5px;
  1107.                 .tac;
  1108.             }
  1109.         }
  1110.        
  1111.         &.gallery-columns-1 .gallery-item {
  1112.             width:round(100% - (@col_mar * 2), 3);
  1113.             position:relative;
  1114.             float:none;
  1115.             .cl;
  1116.         }
  1117.        
  1118.         &.gallery-columns-2 .gallery-item {
  1119.             width:round((100% / 2) - (@col_mar * 2), 3);
  1120.            
  1121.             &:nth-child(2n+1) {
  1122.                 .cl;
  1123.             }
  1124.         }
  1125.        
  1126.         &.gallery-columns-3 .gallery-item {
  1127.             width:round((100% / 3) - (@col_mar * 2), 3);
  1128.            
  1129.             &:nth-child(3n+1) {
  1130.                 .cl;
  1131.             }
  1132.         }
  1133.        
  1134.         &.gallery-columns-4 .gallery-item {
  1135.             width:round((100% / 4) - (@col_mar * 2), 3);
  1136.            
  1137.             &:nth-child(4n+1) {
  1138.                 .cl;
  1139.             }
  1140.         }
  1141.        
  1142.         &.gallery-columns-5 .gallery-item {
  1143.             width:round((100% / 5) - (@col_mar * 2), 3);
  1144.            
  1145.             &:nth-child(5n+1) {
  1146.                 .cl;
  1147.             }
  1148.         }
  1149.        
  1150.         &.gallery-columns-6 .gallery-item {
  1151.             width:round((100% / 6) - (@col_mar * 2), 3);
  1152.            
  1153.             &:nth-child(6n+1) {
  1154.                 .cl;
  1155.             }
  1156.         }
  1157.        
  1158.         &.gallery-columns-7 .gallery-item {
  1159.             width:round((100% / 7) - (@col_mar * 2), 3);
  1160.            
  1161.             &:nth-child(7n+1) {
  1162.                 .cl;
  1163.             }
  1164.         }
  1165.        
  1166.         &.gallery-columns-8 .gallery-item {
  1167.             width:round((100% / 8) - (@col_mar * 2), 3);
  1168.            
  1169.             &:nth-child(8n+1) {
  1170.                 .cl;
  1171.             }
  1172.         }
  1173.        
  1174.         &.gallery-columns-9 .gallery-item {
  1175.             width:round((100% / 9) - (@col_mar * 2), 3);
  1176.            
  1177.             &:nth-child(9n+1) {
  1178.                 .cl;
  1179.             }
  1180.         }
  1181.     }
  1182. }
  1183.  
  1184.  
  1185. /** === Vimeo Block === */
  1186. .wp-block-embed-vimeo {
  1187.     .wp-block-embed__wrapper {
  1188.         position:relative;
  1189.         max-width:100%;
  1190.         width:100%;
  1191.         height:0;
  1192.         padding-bottom:@resp_blocks_pad;
  1193.         margin-bottom:@line_height_pad;
  1194.         .ovh;
  1195.    
  1196.         iframe {
  1197.             width:100%;
  1198.             max-width:auto;
  1199.             height:100%;
  1200.             margin-bottom:0;
  1201.             position:absolute;
  1202.             left:0;
  1203.             top:0;
  1204.         }
  1205.     }
  1206. }
  1207.  
  1208. /** === Social Links Block === */
  1209. .wp-block-social-links {
  1210.     li {
  1211.         padding: 0;
  1212.  
  1213.         &:before {
  1214.             content: none;
  1215.         }
  1216.     }
  1217. }
  1218.  
  1219. /** === RSS Block === */
  1220. .wp-block-rss {
  1221.     list-style: none;
  1222. }
  1223.  
  1224. /** === Search Block === */
  1225. .wp-block-search {
  1226.     display:inline-block;
  1227.     width:100%;
  1228.     position:relative;
  1229.     margin-bottom:@line_height_pad;
  1230.  
  1231.     .wp-block-search__label {
  1232.         display: block;
  1233.         margin-bottom: 5px;
  1234.     }
  1235.  
  1236.     .wp-block-search__input {
  1237.         width:100%;
  1238.         padding:@input_pad;
  1239.         max-width:100%;
  1240.         transition: border-color .3s ease-in-out;
  1241.         .bd;
  1242.     }
  1243.  
  1244.     .wp-block-search__button {
  1245.         background: none;
  1246.         display: block;
  1247.         width: 36px;
  1248.         height: auto;
  1249.         padding: @input_pad;
  1250.         margin: 0;
  1251.         text-indent: -9999px;
  1252.         border-radius: 0;
  1253.         position: absolute;
  1254.         left: auto;
  1255.         right: 0;
  1256.         top: auto;
  1257.         bottom: 0;
  1258.         cursor:pointer;
  1259.         .ovh;
  1260.         .bd(0);
  1261.         .bxsh_none;
  1262.  
  1263.         &:before {
  1264.             font-family: "fontello";
  1265.             content: '\eaac';
  1266.             font-size:14px;
  1267.             line-height: 1em;
  1268.             font-weight: normal;
  1269.             text-indent: 0;
  1270.             .pos_abs;
  1271.         }
  1272.     }
  1273. }
  1274.  
  1275. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!