Template:AshStyle/style.css: Difference between revisions

From Linguifex
Jump to navigation Jump to search
No edit summary
(Removed interlinear margin)
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
.ash {
.ash {
font-family: 'Lucida Grande';
font-family:
'Lucida Grande',
'Noto Sans',
'Lucida Sans Unicode',
'Arial',
'Verdana',
'Helvetica',
'Tahoma',
sans-serif;
font-style: normal;
font-style: normal;
font-weight: normal;
font-weight: normal;
Line 6: Line 16:
}
}


.ash-columns {
display: flex;
flex-wrap: wrap;
}
.ash-column {
margin: 0.5em 0; /* Copied from regular p style */
}
.interlinear {
background: #f3f3f3;
    padding: 1em;
    padding-bottom: 0.5em;
    padding-left: 2em;
}
/*
.ash-mh { position: relative; }
.ash-mh { position: relative; }


Line 14: Line 41:
     left: 0;
     left: 0;
     content: 'ả';
     content: 'ả';
     clip: rect(0, 2em, 1.05ex, 0);
     clip: rect(0, 2em, 1.075ex, 0);
}
}


.ash-mh > span {
.ash-mh > span {
    display: inline-block;
     height: 1.25ex;
     height: 1.935ex;
     overflow: hidden;
     overflow: hidden;
     display: inline-flex;
     display: inline-flex;
     align-items: flex-end;
     align-items: flex-start;
    line-height: 0.75ex;
}
}
*/

Latest revision as of 08:31, 29 January 2024

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/

.ash {
	font-family:
		'Lucida Grande',
		'Noto Sans',
		'Lucida Sans Unicode',
		'Arial',
		'Verdana',
		'Helvetica',
		'Tahoma',
		sans-serif;
	font-style: normal;
	font-weight: normal;
	position: relative;
}

.ash-columns {
	display: flex;
	flex-wrap: wrap;
}

.ash-column {
	margin: 0.5em 0; /* Copied from regular p style */
}

.interlinear {
	background: #f3f3f3;
    padding: 1em;
    padding-bottom: 0.5em;
    padding-left: 2em;
}

/*
.ash-mh { position: relative; }

.ash-mh::before {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    content: 'ả';
    clip: rect(0, 2em, 1.075ex, 0);
}

.ash-mh > span {
    height: 1.25ex;
    overflow: hidden;
    display: inline-flex;
    align-items: flex-start;
    line-height: 0.75ex;
}
*/