github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-20 04:13:39 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #10552 from overleaf/jel-cms-icon-with-content

Browse source 
[web] Add "Element | Icon with Content"

GitOrigin-RevId: 5fd2cc16b44612b70e3817c5ad21798ba58422d2
This commit is contained in:
Jessica Lawshe 2022-11-18 08:27:41 -06:00 • committed by Copybot
parent db63ac719f
commit 22c9eff086
2 changed files with 35 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
services/web/frontend/stylesheets/app/cms-page.less
View file

@ -279,3 +279,36 @@
max-width: 100%;
}
}
.icon-with-content {
display: flex;
h2,
h3,
h4 {
margin-top: 15px;
}
.icon-container {
background-color: @green-10;
padding: 7.5px;
height: 56px;
width: 56px;
border-radius: 50%;
margin-right: 24px;
.icon-inner-container {
align-items: center;
border: @green-30 3.5px solid;
border-radius: 50%;
display: flex;
justify-content: center;
height: 42px;
width: 42px;
}
i {
color: @green;
font-size: 21px;
}
}
}

2
services/web/frontend/stylesheets/core/variables.less
View file

@ -33,6 +33,8 @@
@blue-30: #97b6e5;
@blueDark: #040d2d;
@green: #46a546;
@green-10: #ebf6ea;
@green-30: #8cca86;
@red: #a93529;
@yellow: #a1a729;
@orange: #f89406;