Commit bc6dd07c authored by Matija Obreza's avatar Matija Obreza
Browse files

CSS: Heading sizes normalized

- smHidden, mdHidden, **Hidden
parent 14f17ded
......@@ -65,8 +65,8 @@ class AccessionIdentifiersTable extends React.Component<IAccessionIdentifiersTab
<VColumn label="INSTCODE" dataKey="instCode" width={ 100 } />
<VColumn label="Accession number" dataKey="acceNumb" width={ 200 } />
<VColumn label="Genus" dataKey="genus" className="font-italic" width={ 200 }/>
<VColumn label="Species" dataKey="species" className="font-italic" width={ 200 }/>
<VColumn label="DOI" dataKey="doi" width={ 150 } cellRenderer={ renderDoi } />
<VColumn label="Species" dataKey="species" headerClassName="smHidden" className="font-italic smHidden" width={ 200 }/>
<VColumn label="DOI" dataKey="doi" width={ 150 } headerClassName="mdHidden" className="mdHidden" cellRenderer={ renderDoi } />
</VTable>
) }
</AutoSizer>
......
......@@ -8,10 +8,12 @@
$i-dont-know-what-im-doing: ' ¯\\_(ツ)_/¯ ';
$genesys-green: #88ba42;
$base-font-size: 14px;
$heading-scale: 3;
html {
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-size: $base-font-size;
margin: 0;
padding: 0;
}
......@@ -33,6 +35,46 @@ a:visited {
cursor: pointer;
}
@for $i from 1 through 6 {
/** Generated H#{$i} styles */
h#{$i}, .h#{$i} {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
font-size: $base-font-size + $heading-scale * (6 - $i);
small {
font-weight: normal;
line-height: 1;
color: #777;
font-size: 65%;
}
}
}
p {
margin: 0 0 10px;
}
/** Breakpoints https://material-ui-next.com/customization/theme-default/?expend-path=$.breakpoints.values */
$mui-breakpoints: (
xs: 0,
sm: 600,
md: 960,
lg: 1280,
xl: 1920,
);
@each $name, $value in $mui-breakpoints {
@media (max-width: #{$value - 1}px) {
/** #{$name}Hidden is hidden when size is less than breakpoint #{$value}px */
.#{$name}Hidden {
display: none !important;
}
}
}
.top-navigation {
background-color: rgb(63, 81, 181);
margin: 0;
......@@ -472,6 +514,7 @@ table.genesys-table {
p {
font-size: 1.1rem;
line-height: 1.7rem;
}
img {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment