"Fossies" - the Fresh Open Source Software Archive

Member "wordpress/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss" (1 Dec 2020, 2129 Bytes) of package /linux/www/wordpress-5.7-RC1.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 .wp-block-pullquote {
    2     padding: calc(2 * var(--global--spacing-unit)) 0;
    3     text-align: center;
    4     border-width: var(--pullquote--border-width);
    5     border-bottom-style: solid;
    6     border-top-style: solid;
    7     color: currentColor;
    8     border-color: currentColor;
    9     position: relative;
   10 
   11     blockquote::before {
   12         color: currentColor;
   13         content: "\201C";
   14         display: block;
   15         position: relative; // Override the absolute position.
   16         left: 0;
   17         font-size: 3rem;
   18         font-weight: 500;
   19         line-height: 1;
   20     }
   21 
   22     p {
   23         font-family: var(--pullquote--font-family);
   24         font-size: var(--pullquote--font-size);
   25         font-style: var(--pullquote--font-style);
   26         font-weight: 700;
   27         letter-spacing: var(--pullquote--letter-spacing);
   28         line-height: var(--pullquote--line-height);
   29         margin: 0;
   30     }
   31 
   32     a {
   33         color: currentColor;
   34     }
   35 
   36     .wp-block-pullquote__citation,
   37     cite,
   38     footer {
   39         color: currentColor;
   40         display: block;
   41         font-size: var(--global--font-size-xs);
   42         font-style: var(--pullquote--font-style);
   43         text-transform: none;
   44     }
   45 
   46     /**
   47      * Block Options
   48      */
   49     &:not(.is-style-solid-color) {
   50         background: none;
   51     }
   52 
   53     &.alignleft:not(.is-style-solid-color) {
   54 
   55         blockquote:before,
   56         cite {
   57             text-align: center;
   58         }
   59     }
   60 
   61     &.alignwide > p,
   62     &.alignwide blockquote {
   63         max-width: var(--responsive--alignwide-width);
   64     }
   65 
   66     &.alignfull:not(.is-style-solid-color) > p,
   67     &.alignfull:not(.is-style-solid-color) blockquote {
   68         padding: 0 calc(2 * var(--global--spacing-unit));
   69     }
   70 
   71     &.is-style-solid-color {
   72         color: var(--pullquote--color-foreground);
   73         padding: calc(2.5 * var(--global--spacing-unit));
   74         border-width: var(--pullquote--border-width);
   75         border-style: solid;
   76         border-color: var(--pullquote--border-color);
   77 
   78         @media (min-width: 600px) {
   79             padding: calc(5 * var(--global--spacing-unit));
   80         }
   81 
   82         blockquote::before {
   83             text-align: left;
   84         }
   85 
   86         blockquote {
   87             margin: 0;
   88             max-width: inherit;
   89 
   90             p {
   91                 font-size: var(--pullquote--font-size);
   92             }
   93         }
   94 
   95         .wp-block-pullquote__citation,
   96         cite,
   97         footer {
   98             color: currentColor;
   99         }
  100 
  101         &.alignleft,
  102         &.alignright {
  103             padding: var(--global--spacing-unit);
  104 
  105             blockquote {
  106                 max-width: initial;
  107             }
  108         }
  109     }
  110 }