angelovcom.net

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

_editor.scss (2086B)

      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 		font-size: var(--global--font-size-xs);
     40 		font-style: var(--pullquote--font-style);
     41 		text-transform: none;
     42 	}
     43 
     44 	// Block Options
     45 	&:not(.is-style-solid-color) {
     46 		background: none;
     47 	}
     48 
     49 	&.is-style-solid-color {
     50 		margin-left: auto;
     51 		margin-right: auto;
     52 		padding: calc(2.5 * var(--global--spacing-unit));
     53 		border-width: var(--pullquote--border-width);
     54 		border-style: solid;
     55 		border-color: var(--pullquote--border-color);
     56 
     57 		@media ( min-width: 600px ) {
     58 			padding: calc(5 * var(--global--spacing-unit));
     59 		}
     60 
     61 		blockquote::before {
     62 			text-align: left;
     63 		}
     64 
     65 		&.alignleft blockquote,
     66 		&.alignright blockquote {
     67 			padding-left: var(--global--spacing-unit);
     68 			padding-right: var(--global--spacing-unit);
     69 			max-width: inherit;
     70 		}
     71 
     72 		blockquote {
     73 			margin: 0;
     74 			max-width: 100%;
     75 
     76 			p {
     77 				font-size: var(--pullquote--font-size);
     78 			}
     79 		}
     80 
     81 		.wp-block-pullquote__citation,
     82 		cite,
     83 		footer {
     84 			color: currentColor;
     85 		}
     86 	}
     87 
     88 }
     89 
     90 .wp-block[data-align="full"] {
     91 
     92 	.wp-block-pullquote:not(.is-style-solid-color) {
     93 
     94 		blockquote {
     95 			padding: 0 calc(2 * var(--global--spacing-unit));
     96 		}
     97 	}
     98 }
     99 
    100 .wp-block[data-align="left"],
    101 .wp-block[data-align="right"] {
    102 
    103 	.wp-block-pullquote.is-style-solid-color {
    104 		padding: var(--global--spacing-unit);
    105 	}
    106 }