SeaCMS/pico-theme
3
0
Fork 0
Code Issues Pull Requests Activity

Add some basic utility classes for typography and images

Browse Source
This commit is contained in:
Daniel Rudolf 2019-11-23 19:21:10 +01:00
parent 0071fef215
commit 06d26ef852
No known key found for this signature in database
GPG Key ID: A061F02CD8DE4538
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/style.css
View File

@ -224,6 +224,29 @@ hr {
abbr { text-decoration: underline dotted; } abbr { text-decoration: underline dotted; }
/*** UTILITIES ***/
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.image { display: block; margin: 0 auto; }
.image.xsmall { width: 20%; }
.image.small { width: 40%; }
.image.large { width: 60%; }
.image.xlarge { width: 80%; }
.image.float-left { float: left; margin: 1em 2em 1em 0; }
.image.float-right { float: right; margin: 1em 0 1em 2em; }
.image img { display: block; width: 100%; }
@media (max-width: 767px) {
.image.xsmall { width: 60%; }
.image.small { width: 80%; }
.image.large, .image.xlarge { width: 100%; }
.image.float-left, .image.float-right { float: none; margin: 0 auto; }
}
/*** TABLES ***/ /*** TABLES ***/
table { border-spacing: 0; } table { border-spacing: 0; }