first commit
This commit is contained in:
+21
@@ -0,0 +1,21 @@
|
||||
/**
|
||||
* @file
|
||||
* Image Caption: overrides to make centered alignment work inside CKEditor.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Since .align-center is set on the non-captioned image's parent block element
|
||||
* in CKEditor, the image must be centered separately.
|
||||
*/
|
||||
p[data-widget="image"].align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* Since .align-center is set on captioned widget's wrapper element in CKEditor,
|
||||
* the alignment of internals must be set separately.
|
||||
*/
|
||||
div[data-cke-widget-wrapper].align-center > figure[data-widget="image"] {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @file
|
||||
* Language: add styling for elements that have a language attribute.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Show the user that a 'lang' tag has been applied by adding a thin dotted
|
||||
* border. We also append the value of the tag between brackets, for example:
|
||||
* '(en)'. Since the html element has a 'lang' attribute too we only target
|
||||
* elements within the html scope.
|
||||
*/
|
||||
html [lang] {
|
||||
outline: 1px dotted gray;
|
||||
}
|
||||
html [lang]:after {
|
||||
content: " ("attr(lang)")";
|
||||
font-size: 10px;
|
||||
color: #666;
|
||||
}
|
||||
Reference in New Issue
Block a user