Why all these numbers in Sass!

I see this code in a template that I use. (this is just a snippet of the code) I'm new to sass and I was wondering if someone could give me an idea to a block like that and why someone use all these numbers. Is it really just a simple Bootstrap compressed? This comes from skel.scss. I understand it is a model you would use written by someone else, but how it really helps when you have the css designer who can really generate cela for you most easily. Except for the few blocks that you can use and if / if not which is nice I really do not understand. I stuck a bunch of code here, but my understanding here is minimal at best. I'm guessing that we put in place all these parameters and then call in our html code. How this record anywhere, anytime. There is a lot of work here, and it lights up. File html, to me, seems far from being dry as is the Bootstrap. Now, I could almost see the advantage and understand if you would reuse this code to countless projects (hem looking for yuk!) very similar but just one or two sites, that it seems easier to just do the old-fashioned way or am I missing something in the big picture of things. The implementation looks like it would take a lot of time for is so sophisticated and that a lot can go wrong here. I'm sure that these questions are answered in some blog somewhere and if you have this link would be great. I found Lang and compass thanks Ben. Thanks to everyone and as always, this forum is my go to spot!

Cells.

$x: '';

@if $breakpointName {}

$x: '\\28' + $breakpointName + '\\29 ';

}

. \31 2u #{$x}, \31 2u\24 # {$x} {width: 100%; clear: none; margin-left: 0 ;}}

. \31 1u #{$x}, \31 1u\24 # {$x} {width: 91.6666666667%; clear: none; margin-left: 0 ;}}

. \31 0r #{$x}, \31 0u\24 # {$x} {width: 83.3333333333%; clear: none; margin-left: 0 ;}}

. \39 u #{$x}, \39 u\24 # {$x} {width: 75%; clear: none; margin-left: 0 ;}}

. \38 u #{$x}, \38 u\24 # {$x} {width: 66.6666666667%; clear: none; margin-left: 0 ;}}

. \37 u #{$x}, \37 u\24 # {$x} {width: 58.3333333333%; clear: none; margin-left: 0 ;}}

. \36 u #{$x}, \36 u\24 # {$x} {width: 50%; clear: none; margin-left: 0 ;}}

. \35 u #{$x}, \35 u\24 # {$x} {width: 41.6666666667%; clear: none; margin-left: 0 ;}}

. \34 u #{$x}, \34 u\24 # {$x} {width: 33.3333333333%; clear: none; margin-left: 0 ;}}

. \33 u #{$x}, \33 u\24 # {$x} {width: 25%; clear: none; margin-left: 0 ;}}

. \32 u #{$x}, \32 u\24 # {$x} {width: 16.6666666667%; clear: none; margin-left: 0 ;}}

. \31 u #{$x}, \31 u\24 # {$x} {width: 8.3333333333%; clear: none; margin-left: 0 ;}}

. \31 2u\24 # {$x} + *,.

. \31 1u\24 # {$x} + *,.

. \31 0u\24 # {$x} + *,.

. \39 u\24 # {$x} + *,.

. \38 u\24 # {$x} + *,.

. \37 u\24 # {$x} + *,.

. \36 u\24 # {$x} + *,.

. \35 u\24 # {$x} + *,.

. \34 u\24 # {$x} + *,.

. \33 u\24 # {$x} + *,.

. \32 u\24 # {$x} + *,.

. \31 u\24 # {$x} + * {}

Clear: left;

}

. \-11U#{$x} {margin left: 91.6666666667 %}}

. \-10U#{$x} {margin left: 83.3333333333 %}}

. \-9U#{$x} {margin left: 75 %}}

. \-8U#{$x} {margin left: 66.6666666667 %}}

. \-7u#{$x} {margin left: 58.3333333333 %}}

. \-6U#{$x} {margin left: 50 %}}

. \-5U#{$x} {margin left: 41.6666666667 %}}

. \-4U#{$x} {margin left: 33.3333333333 %}}

. \-3U#{$x} {margin left: 25 %}}

. \-2U#{$x} {margin left: 16.6666666667 %}}

. \-1U#{$x} {margin left: 8.3333333333 %}}

}

In the HtMl file, you have something like this:

/ * Grid * /.

. Row {}

border-bottom: 1px solid transparent;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

. Row > * {}

float: left;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

. Row: after, .row: before {}

content: ";

display: block;

Clear: both;

height: 0;

}

. row.uniform > * >: first-child {}

margin-top: 0;

}

. row.uniform > * >: last-child {}

margin-bottom: 0;

}

. Row.\30 > * {}

padding: 0 0 0 0px;

}

{. Row.\30}

margin: 0-0 1px 0px;

}

. Row.Uniform.\30 \25 > * {}

padding: 0px 0 0 0px;

}

. Row.Uniform.\30 \25 {}

margin: 0 - 1px 0px 0px;

}

. Row > * {}

padding: 0 0 0 40px;

}

. Row {}

margin: 0-0 1px-40px;

}

. row.uniform > * {}

Padding: 40px 0 0 40px;

}

. row.uniform {}

margin: - 1px - 0 40px - 40px;

}

. Row.\32 > * {}

padding: 0 0 0 80px;

}

{. Row.\32}

margin: 0-0 1px-80px;

}

. Row.Uniform.\32 00\25 > * {}

Padding: 80px 0 0 80px;

}

. Row.Uniform.\32 00\25 {}

margin: - 80px 0 - 1px - 80px;

}

. Row.\31 > * {}

padding: 0 0 0 60px banner;

}

{. Row.\31}

margin: 0-0 1px-60px banner;

}

. Row.Uniform.\31 50\25 > * {}

Padding: 60px banner 0 0 60px banner;

}

. Row.Uniform.\31 50\25 {}

margin: - 60px banner 0 - 1px - 60px banner;

}

. Row.\35 > * {}

padding: 0 0 0 20px;

}

{. Row.\35}

margin: 0-0 1px-20px;

}

. Row.Uniform.\35 0\25 > * {}

padding: 20px 0 0 20px;

}

. Row.Uniform.\35 0\25 {}

margin: - 1px - 0 20px - 20px;

}

. Row.\32 > * {}

padding: 0 0 0 10px;

}

{. Row.\32}

margin: 0-0 10px 1px;

}

. Row.Uniform.\32 5\25 > * {}

padding: 10px 0 10px 0;

}

. Row.Uniform.\32 5\25 {}

margin: - 0 - 1px 10px - 10px;

}

. \31 2u. \31 2u\24 {}

Width: 100%;

Clear: none;

left margin: 0;

}

. \31 1u. \31 1u\24 {}

Width: 91.6666666667%;

Clear: none;

left margin: 0;

}

. \31 0r. \31 0u\24 {}

Width: 83.3333333333%;

Clear: none;

left margin: 0;

}

. \39 u. \39 u\24 {}

Width: 75%;

Clear: none;

left margin: 0;

}

. \38 u. \38 u\24 {}

Width: 66.6666666667%;

Clear: none;

left margin: 0;

}

. \37 u. \37 u\24 {}

Width: 58.3333333333%;

Clear: none;

left margin: 0;

}

. \36 u. \36 u\24 {}

Width: 50%;

Clear: none;

left margin: 0;

}

. \35 u. \35 u\24 {}

Width: 41.6666666667%;

Clear: none;

left margin: 0;

}

. \34 u. \34 u\24 {}

Width: 33.3333333333%;

Clear: none;

left margin: 0;

}

. \33 u. \33 u\24 {}

Width: 25%;

Clear: none;

left margin: 0;

}

. \32 u. \32 u\24 {}

Width: 16.6666666667%;

Clear: none;

left margin: 0;

}

. \31 u. \31 u\24 {}

Width: 8.3333333333%;

Clear: none;

left margin: 0;

}

. \31 2u\24 + *.

. \31 1u\24 + *.

. \31 0u\24 + *.

. \39 u\24 + *.

. \38 u\24 + *.

. \37 u\24 + *.

. \36 u\24 + *.

. \35 u\24 + *.

. \34 u\24 + *.

. \33 u\24 + *.

. \32 u\24 + *.

. \31 u\24 + * {}

Clear: left;

}

. \-11U {}

margin left: 91.66667%;

}

. \-10U {}

margin left: 83.33333%;

}

. \-9U {}

margin left: 75%;

}

. \-8U {}

margin left: 66.66667%;

}

. \-7u {}

margin left: 58.33333%;

}

. \-6U {}

margin left: 50%;

}

. \-5U {}

margin left: 41.66667%;

}

. \-4U {}

margin left: 33.33333%;

}

. \-3U {}

left margin: 25%;

}

. \-2U {}

margin left: 16.66667%;

}

. \-1U {}

margin left: 8.33333%;

}

What you have shown is a skeleton, a sensitive design framework Sassified version. I have not worked with it and don't know the subtleties.

Because you learn to use Sass, it is best to start with what you already know in CSS. Take a look at s-21616 http://webdesign.tutsplus.com/articles/recommendations-for-a-faster-workflow-with-sass--cm , ignoring the little Sublime text. You could also Google the subject, the problem, it is the information overload that is not desirable at this stage.

Tags: Dreamweaver

Similar Questions

  • I have all these numbers in the box of my Adobe Photo elements first items 11, but I can't find the serial number

    I have all these numbers in the box of my Adobe Photo elements first items 11, but I can't find the serial number

    Find the serial number of your Adobe product quickly

  • Why my pictures not saved with the extension of jpeg file and how do I get back them without all these numbers that are displayed

    photos that I can see are marked differently as in this example

    3D 18805-DC2C-4AOF-B308-FESCCEC3A61

    Hello

    We would like to provide you with more information about the issue by answering the questions below:

    • What is the program you are using that allows you to see the name of the .jpeg files in

      3D 18805-DC2C-4AOF-B308-FESCCEC3A61?

    • What type of program you use in editing photos?
    • What are the steps you take in the mounting of the .jpeg images?

    Thank you!

  • Why all these tweens appear in my library?

    In my Flash document library, I noticed all the entries of Tween (Tween 1, 2 tween, Tween 3, etc.). I didn't explicitly create them or name them, they just released. Can someone tell me what is happening with this? Should I keep them? Remove them? I'm pretty new to Flash. Thank you.

    This occurs when you apply a motion tween to a form that has not been converted into a symbol * first *. For
    reasons to organize and manage a flash doc - always convert shapes / images to a symbol forst.
    then apply some motion tweens.

    If you remove these symbols 'tween' in the library - the animation on the stage will be lost-
    the symbols in the library of reference animations (specifically of the symbols).

    Search Help for "symbols" documents to learn how Flash works in this regard.

    ~~~~~~~~~~~~~~~~
    --> Adobe Certified Expert
    --> www.mudbubble.com
    --> www.keyframer.com
    ~~~~~~~~~~~~~~~~

    MarkSLC wrote:
    > In my Flash document library, I noticed all the entries of Tween (1 Tween, Tween
    (> 2, 3 tween, etc.). I didn't specifically their creation or their name, they just
    > appeared. Can someone tell me what is happening with this? Should I keep them? Delete
    > them? I'm pretty new to Flash. Thank you.
    >

  • Why all these hundreds of iMessage Sign In and key encryption keys?

    Since el Capitan, upgrade of hundreds of iMessage Sign-In and encryption keys are listed. If I decide to delete one of them, a dialog box gives me a terrible warning.

    Are these important, a security feature or just a pain?

    Hello

    Each cat to iMessages you is encrypted.

    The keys are saved so that you can view the cats later if you save them.

    The size of the key file is very small and even total not not worthy to be that barely thereon.

    There are a couple of threads on this topic with some saying that they do not want to keep them now.

    I'm not sure that someone tried to delete them and see if it looks an effects older cats.

    21:09 Wednesday; 24 February 2016

     iMac 2.5 Ghz i5 2011 (Mavericks) 10.9
     G4/1GhzDual MDD (Leopard 10.5.8)
     MacBookPro (Snow Leopard 10.6.8) 2 GB
     Mac OS X (10.6.8).
     a few iPhones and an iPad

  • Problem opening pdf files.  I have Acrobat Reader DC/Windows by default, but when I click on the file, a file conversion screen with all these codes. Must use the "open with" function which is a nuisance.  Why it will not default?

    Problem opening pdf files.  I have Acrobat DC/Windows by default, but when I click on the file, a file conversion screen now with all these language codes. Must use the "open with" function which is a nuisance.

    Why it will not open by default when I click on the file?

    Hello

    I guess that you are looking for this:

    Open drive

    Go in Edition > Preferences > General

    Uncheck the option, the online storage see the opening of the files

    Click OK and restart

    Thank you

    Abhishek

  • Why all numbers use symbol 'L' in the following code?

    Why all numbers use symbol 'L' in the following code?
    Thank you
    public static final long MILLIS_IN_YEAR = 1000L * 60L * 60L * 24L * 365L

    qkc wrote:
    Why all numbers use symbol 'L' in the following code?
    Thank you

    public static final long MILLIS_IN_YEAR = 1000L * 60L * 60L * 24L * 365L
    

    Java language rules: an L after a literal integer in Java indicates that this constant should be kept as a long (64 bit signed) instead of int (32 bits signed).

    If you have not used to that, all the numbers on the line would be treated as integers (ints) (32 bit) and multiplier with an int int translates an int even if you want to store in a long.

    Since int cannot fully represent the full product (about 31.5 billion) as it is greater than Integer.MAX_VALUE (2 billion), so if you have not used the long as operands for multiplication, you finally get an incorrect value in MILLIS_IN_YEAR because the last multiplication would cause an overrun.

    Best regards

    Robert

  • BlackBerry smartphones, WHY do all these weird stuff when I turn it on?

    Hello

    Right, I'm DESPERATELY need your help with my BB Bold 9800, because it's just the engine me bananas... so I BEG someone to help me

    SO, here's the problem... every time it turns on it will continuously play an alert ring tone, vibrate and flash (sorry, I don't remember what it's called, but it is the small point on the phone itself which you can Set up for flash in color).  If I leave it alone, it stops eventually after having to put up with it sounds & vibrant 10 times (except for the light from the flash), UNLESS I have just to click on the 'Messages' - even though I have no texts - and he will then just stop all together.

    It also does not matter if it is set to Silent, ring only, vibrate only etc.  I really don't want to re - start because it means having to re - load all over it again, which is just a pain in the back! Can someone tell me PLEASE how to stop doing all these weird things?

    You v much

    Hello

    Just do a battery pull. While the unit is turned on, remove the battery for 15-30 seconds, then reinsert the battery and wait for the device to reboot. It will wipe all the data of the device and is basically the same idea as your computer restarts. Once you're phone has rebooted, you'll be back running.

    When you say re - start, I think that you need to refer to the upgrade or reload the operating system as a regular battery reboot to shoot a smartphone BlackBerry does not affect the data stored on the device.

    If this does not help, check if you have a program installed as BeBuzz.  Some programs will allow you to customize your phone notifications, and that could be the culprit if the battery pull does not solve the problem.

  • Where all these data?

    Storage of settings on my iPhone 6 + watch iMovie taking 10.04 GB, or which is 9.3 GB data. In iTunes, I see this

    There are 8.5 GB of media, but I have no idea where it comes from. I have two shots in iMovie that also appear in the Photos and another video in Photos. There is a total of less three minutes of video. Three minutes of H.264 1080 p 30 must be approximately 0.6 GB. Whence 8.5 GB of disk space? These numbers make any sense and are blowing my phone space for no apparent reason.

    Anyone know what is happening here?

    Thank you very much.

    I don't know how this "Desktop" folder got there. It doesn't seem to be something that iMovie creates (or at least I've never seen appear on my devices) you drop or import files on your phone?

    Try to drag the folder "Desktop" on your Mac desktop and look inside it.  I guess that you will be able to simply delete it and free up all that space.

  • Mystery Microsoft Files-Do I have need of all these files or can I delete the batch?

    I have 3 files on my C drive, all named as a string to a number, for example 6a34b3f7ad5039dc26e3c4. In these cases, there is a 25 folders numbered 1025, 1028, 1030 1031 etc over a folder 'graphics' and 'customer '. then there are all the other files inclusing .bmp for microsoft.NET and set up etc. In the numbered records are 3 files, Eula.rtf (clearly Microsoft but all in Japanese), LocalizedData.xml and SetupResources.dll.

    I need all these files or do I have to delete the batch? I'm guessing that they are something to do with the windows updates...

    Thank you

    These are usually leftovers from Windows Update and can be deleted safely after you restart your computer to make sure that they are not in use and/or staged for an update that will continue after a reboot.

    "2toerags" wrote in the new message: * e-mail address is removed from the privacy... *

    * I have 3 files on my C drive, all named as a string to a number, for example 6a34b3f7ad5039dc26e3c4. In these cases, there is a 25 folders numbered 1025, 1028, 1030 1031 etc over a folder 'graphics' and 'customer '. then there are all the other files inclusing .bmp for microsoft.NET and set up etc. In the numbered records are 3 files, Eula.rtf (clearly Microsoft but all in Japanese), LocalizedData.xml and SetupResources.dll. *

    I need all these files or do I have to delete the batch? I'm guessing that they are something to do with the windows updates...

    Thank you

  • Can someone tell me why all I type, be it on Word, Notepad, aol or IE is italicized?

    The computer is a Pavilion, p6720f.  6 GB of ram, processor AMD Phenom II 840 T.  Microsoft Office Student version.  Type in aol is in italics and nothing that I'll change it.  Type in the task bar is in italics.  I've tried everything I know to change, including but not limited to: change the screen resolution, default fonts on all programs, crushing.  In word, normal ARIAL is not available in regular only in bold.  I can change the italics, but not in normal mode.  I downloaded a resume on this computer and another computer, everything was in italics.  Help!  I'm out of ideas.  Thanks in advance for any help.

    I found some discussions of the forum on this subject-, it seems that the problem is that the default Arial font disappears sometimes, who knows why. These two sons, that both have solutions that have worked for other people having the same problem:

    http://www.w7forums.com/everything-suddenly-italics-bold-t3550.html (see the second to last post)

    http://www.TomsHardware.com/Forum/237049-44-text-italicized-computer (another option, see Lanzoma post)

    Good luck!

  • Why all my programs won't connect to IP multicast addresses

    The title says it pretty well.

    Why do all my programs want to connect to the multicast IP, 224.0.0.252, 224.0.0.253, 239.192.152.143, 239.255.255.250 and my 169.168.1.1 router?

    Solataire really needs to communicate with a group of PC?

    I'm at home on my pc, win 7 x 64, hooked to a lynksys router. There is one other wired PC which is in fact a Media Player (using VLC and basic file sharing) in the living room and a laptop Wireless used a few hours a day, several days a week. All 3 have the MSE and Zone Alarm.

    Can someone please explain to me why almost all the programs I run wants to connect to my router and all these multicast IP addresses?

    I mean each program. Not the 1st time I run them. Later, at random times when I opened them, they try to access these ip addresses.

    As someone that is marked as the answer, I'll answer and I hope not met too rude.

    Houla, the simplicity of your answer tells me your not aware of what has already been discussed at this stage.

    This is all irrelevant now anyway, given that the hard drive has been wiped, all likely to be involved possible malware disappeared.

  • I want that all the numbers to be bold in AdvancedDataGrid

    I use makes element inline for a grid of data for a couple of columns in an AdvancedDataGrid. Style theses numbers in red blood cells if the number is negative


    However in the last line, I have a line that has the total of the previous lines, and where I want all the numbers to be bold. How do I implement this?

    "nikos101" wrote in message
    News:gkfv4c$29m$1@forums. Macromedia.com...
    > Thanks again, Amy
    >
    > In my style feature: color but changes the fontWeight does not work. Any
    > ideas
    > what causes this?
    >
    > myStyleFunc (object: data, of the public service)
    (> col: AdvancedDataGridColumn): Object
    > {
    > If (data ['month'] == 'Total')
    > returns {fontWeight: "bold", color: 0x0000ff};
    >
    >
    > returns the value null;
    > }
    >

    It seems like it should work. You use a custom converter that can be
    intervene somehow? Or would it be a button, it already is "BOLD".

  • I tried all these steps and still no progress, cannot update or restore my phone. When you try to restore an error appears saying 'cannot find the phone (9).

    I tried all these steps and still no progress, cannot update or restore my phone. When you try to restore an error appears saying 'cannot find the phone (9).

    We do not know what are the following steps, because you have not provided their. Support this article has suggestions for your specific error code.

    If you see errors 9, 4005, 4013, 4014, when you restore your device iOS - Apple Support or

  • Why all the bad reviews of el capitan?

    Why all this negative opinions on El Capitan?

    In General, you should always pass to the last possible system like you meet the specs for, as long as you do not have "must have" applications that do not meet specifications. The idea that the updates/updates cause problems is probably derived from discussions that see you here. ASC is like an emergency room for people to have problems, especially the sick, those who come here. Hundreds of thousands of people pass without difficulty, never here and go merrily on their way. In addition to the improved features, updates/improvements important security fixes.

Maybe you are looking for

  • E-mail or email menu link button does not work. Firefox on Linux Mint 13 29,0

    Or the email link menu option under file or the E-mail button installed from Preferences menu option when it is placed on the work of tool bar. 24.5.0 Thunderbird is the mail client, both installed on Linux Mint 13 last updated. Nothing happens when

  • Ghosting of the graphical zoom rectangle

    Hello using the 'zoom rectangle' style I saw ghost partial images of rectangles - it is even possible to 'paint' with these fragments of line, see the attached screenshot. It happens on both Win XP and Win 7 (CVI2010).

  • Microsoft safety scanner shows Trojan:WinNT / Alureon.S only partially removed

    Having the virus that made the laptop unusable. Microsoft safety scanner ran and he removed three other viruses but it's only partially removed but doesn't tell me how to get rid of completely. Under XP. Apreciate any help.

  • Windows XP home COA, cannot be enabled

    have the old Pavilion hp 525w. hard drive crashed. I replaced the hard drive. use my own CD copied from before the accident. now mostly works but cant confirn legal windows. Council of Europe label still on the tour with the 25 digit code. How can I

  • External address of Mgmt - DHCP/Dynamic DNS

    Hello My client is looking to assign the "external Mgmt addresses' for their B series server blades (KVM) via DHCP and dynamic DNS instead of a statically defined pool. Grateful if someone can confirm if this possible? Regards, Paul