balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

_style.scss (2129B)

      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 }