maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 20:53:24 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

stash changes

Browse source
This commit is contained in:
Janne Koivistoinen 2017-09-08 16:02:07 +03:00
parent 2929cc69d1
commit 4160c8b588
3 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/TabNavHorizontal/TabNavHorizontal.css
View file

@ -46,8 +46,8 @@
}
@media (--viewportMedium) {
border-bottom-width: 3px;
padding-bottom: 13px;
border-bottom-width: 4px;
padding: 0 10px 14px 10px;
}
}

19
src/containers/ProfileSettingsForm/ProfileSettingsForm.css
View file

@ -94,6 +94,8 @@
border-color: var(--matterColorNegative);
border-width: 2px;
transition: var(--transitionStyleButton);
&:hover {
border-color: var(--matterColorAnti);
}
@ -138,6 +140,8 @@
/* Font */
@apply --marketplaceH5FontStyles;
font-weight: var(--fontWeightMedium);
/* Positioning: right */
position: absolute;
bottom: 27px;
@ -145,24 +149,31 @@
/* Dimensions */
width: 105px;
height: 41px;
padding: 9px 10px 9px 35px;
padding: 10px 10px 11px 35px;
/* Look and feel (buttonish) */
background-color: var(--matterColorLight);
background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><g stroke="#4A4A4A" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M5.307 11.155L1 13l1.846-4.308L10.54 1 13 3.46zM11 5L9 3M5 11L3 9"/></g></svg>');
background-repeat: no-repeat;
background-position: 15px center;
background-position: 15px 12px;
border: solid 1px var(--matterColorNegative);
border-radius: 2px;
margin-top: 0;
margin-bottom: 0;
@media (--viewportMedium) {
/* Position: under */
bottom: -8px;
bottom: -10px;
right: auto;
margin-top: 0;
margin-bottom: 0;
transition: var(--transitionStyleButton);
padding: 7px 10px 11px 35px;
}
&:hover {
border: solid 1px var(--matterColorAnti);
}
}
@ -226,7 +237,7 @@
}
.fileInfo {
@apply --marketplaceH4FontStyles;
@apply --marketplaceH5FontStyles;
color: var(--matterColorAnti);
margin-top: 0;
margin-bottom: 0;

1
src/marketplaceFonts.css
View file

@ -140,7 +140,6 @@
margin-bottom: 8px;
@media (--viewportMedium) {
font-size: 16px;
line-height: 24px;
/* margin-top + n * line-height + margin-bottom => x * 8px */
margin-top: 10px;