css - How do I stop Sass adding spaces before units of measurement? -

-

this question has answer here:

i'm attempting follow this tutorial on responsive layout design, using sass/scss base specification language.

to end, have defined following scss:

body {   font: 100%/1.5; }  h1 {   $h1_size: 24;   font-size: ($h1_size / 16)em;   line-height:(28 / $h1_size)em;   margin-top: (24 / $h1_size)em; }

unfortunately, output sass css format looks this:

h1 {   font-size: 1.5 em;   line-height: 1.167 em;   margin-top: 1 em; }

— unit separated value space. chrome rejects these values invalid, , uses them if manually go , remove spaces myself.

is there way fix problem tweaking scss, or passing option sass?

so far, have tried:

  • placing unit inside calculation:
    • (font-size: ($h1_size / 16em) ) => syntax error
    • (font-size: (($h1_size)em / 16) => font-size: 24 em/16; same problem i'm trying fix

you can push em $h1_size definition, let divide 16 , have result in ems.

if both sides of division in em, result unitless. can multiply 1em unit back, if needed.

h1 {   $h1_size: 24em;   font-size: ($h1_size / 16);   line-height:(28em / $h1_size);   margin-top: (24em / $h1_size * 1em); }

multiplying 1em can make closer original example work. can keep things unitless, multiply 1em when want unit appear. avoids of pointless em proliferation in first example:

h1 {   $h1_size: 24;   font-size: ($h1_size / 16 * 1em);   line-height:(28 / $h1_size);   margin-top: (24 / $h1_size * 1em); }

which way makes more sense depends on if output in 1 unit, or sorts of different ones (including none).


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more