GNUsocial
/
gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

[CSS] Removing arbitrary unit values

This commit is contained in:
Eliseu Amaro 2021-11-29 18:14:55 +00:00 committed by Diogo Peralta Cordeiro
parent db0909a1c7
commit 4155926ebf
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
public/assets/default_theme/css/widgets/sections.css
View File

@ -3,9 +3,9 @@
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
font-family: 'Open Sans',sans-serif; font-family: 'Open Sans',sans-serif;
margin-bottom: .6rem; margin-bottom: var(--smaller);
border-radius: .6rem; border-radius: var(--smaller);
padding: .6rem; padding: var(--smaller);
background: var(--gradient) !important; background: var(--gradient) !important;
-webkit-box-shadow: var(--shadow); -webkit-box-shadow: var(--shadow);
-moz-box-shadow: var(--shadow); -moz-box-shadow: var(--shadow);
@ -23,7 +23,7 @@
} }
.profile-info-nickname { .profile-info-nickname {
font-size: 1.3rem; font-size: var(--small);
} }
.profile-info-tags { .profile-info-tags {
@ -35,12 +35,12 @@
} }
.profile-info-stats { .profile-info-stats {
margin-top: .6rem; margin-top: var(--smaller);
} }
.profile-avatar { .profile-avatar {
max-width: 4rem; max-width: 4rem;
min-width: 3rem; min-width: var(--big);
width: 100%; width: 100%;
height: auto; height: auto;
margin-right: 5px; margin-right: 5px;
@ -50,29 +50,29 @@
.section-widget { .section-widget {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: .6rem; border-radius: var(--smaller);
margin-bottom: 1.3rem; margin-bottom: var(--small);
background-color: var(--background-card) !important; background-color: var(--background-card) !important;
box-shadow: var(--shadow); box-shadow: var(--shadow);
border: 2px solid var(--border) !important; border: 2px solid var(--border) !important;
} }
.section-widget hr { .section-widget hr {
margin-bottom: .6rem; margin-bottom: var(--smaller);
} }
.section-widget-padded { .section-widget-padded {
padding: .6rem; padding: var(--smaller);
} }
.section-title { .section-title {
font-size: 1.3rem; font-size: var(--small);
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
} }
.section-widget-button-like { .section-widget-button-like {
border-radius: .6rem; border-radius: var(--smaller);
padding: 6px 10px; padding: 6px 10px;
margin-top: 6px; margin-top: 6px;
cursor: pointer; cursor: pointer;
@ -83,10 +83,10 @@
} }
.section-title-details { .section-title-details {
font-size: 1.3rem; font-size: var(--small);
font-weight: 700; font-weight: 700;
border-radius: .6rem; border-radius: var(--smaller);
padding: 6px 10px 6px 10px; padding: 6px 10px;
background: var(--gradient) !important; background: var(--gradient) !important;
} }
@ -110,14 +110,14 @@
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
padding: .6rem; padding: var(--smaller);
} }
.section-form-legend { .section-form-legend {
margin-top: unset; margin-top: unset;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold; font-weight: bold;
font-size: 1.62rem; font-size: var(--medium);
} }
div[class^="mb-"] { div[class^="mb-"] {
@ -136,14 +136,14 @@ div[class^="mb-"] textarea {
max-height: 100%; max-height: 100%;
} }
.alert,.alert-danger { .alert,
.alert-danger {
display: inline-block; display: inline-block;
font-style: italic; font-style: italic;
font-size: 1rem; font-size: 1rem;
border: solid 2px #ff6347; border: solid 2px #ff6347;
background-color: #FF634733; background-color: #FF634733;
border-radius: .6rem; border-radius: var(--smaller);
padding: 2px 6px; padding: 2px 6px;
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;