mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-02-22 16:36:14 +01:00
Code Issues Releases Wiki Activity

Merge pull request #63 from evexoio/62-align-container

Browse Source 
fix .is-center and .is-right
This commit is contained in:
ダーシノ 2018-12-03 20:42:02 +09:00 committed by GitHub
commit 941a6d1420
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/nes.css
View File

@ -558,11 +558,19 @@ button,
}
.container.with-title.is-center {
align-items: center;
text-align: center;
}
.container.with-title.is-center > .title {
margin: -2rem auto 1rem;
}
.container.with-title.is-right {
align-items: right;
text-align: right;
}
.container.with-title.is-right > .title {
margin: -2rem 0 1rem auto;
}
.container.is-dark::before {
@ -573,7 +581,7 @@ button,
border-color: #fff;
}
.container.is-dark > .title {
.container.is-dark.with-title > .title {
color: #fff;
background-color: #212529;
}

2
css/nes.css.map
View File

File diff suppressed because one or more lines are too long

2
css/nes.min.css vendored
View File

File diff suppressed because one or more lines are too long

20
scss/elements/containers.scss
View File

@ -84,11 +84,19 @@
}
&.is-center {
align-items: center;
text-align: center;
> .title {
margin: -2rem auto 1rem;
}
}
&.is-right {
align-items: right;
text-align: right;
> .title {
margin: -2rem 0 1rem auto;
}
}
}
@ -101,9 +109,11 @@
border-color: #fff;
}
> .title {
color: $background-color;
background-color: $base-color;
&.with-title {
> .title {
color: $background-color;
background-color: $base-color;
}
}
}
}