[seeditmaxi] On the Go

  • From: Sven E Olsson <seeditmaxi@xxxxxxxxx>
  • To: seeditmaxi@xxxxxxxxxxxxx
  • Date: Fri, 10 Dec 2010 20:53:19 +0100

Hi list,

In the last weeks I checked some css developing (css classes)  and compared how 
SEEdit handle it. Found an interesting type of how to create classes in the css 
file and then use it in the Editor Toolbox, Auto Complete and Insertion Menu 

In the css file:
.button {
                padding: 5px 10px;
                display: inline;
                background: #777 url(button.png) repeat-x bottom;
                border: none;
                color: #fff;
                cursor: pointer;
                font-weight: bold;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                text-shadow: 1px 1px #666;

.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }

So if use in the html file:
<p class="button red>Hello!</p>
The tag is formatted by the button class + the red class. Some type of multiple 
css classes.    

This type of css syntax is now (in SEEdit 5.7.0 fc1) addressed and works 
smoothly using the Editor Toolbox, Auto Complete and Insertion Menus.

This make it easy to reuse and compose multiple standalone classes to an single 
class like this:

.bigFont {font-size: 66px;}
.center {text-align: center;}
.bgBlue {background-color: blue;}

p.bigFont.center.bgBlue {}

And now use the p button in the Editor Toolbox and the result is: <p 
class="bigFont center bgBlue">Hello!</p> and it is also easy to reuse for 
example the bgBlue class in any tag like div or span...

Today SEEdit 5.7.0 fc1 is uploaded and also an new/updated CSS Example Project 
for test of this new features.
SEEdit 5.7.0 and the example is available from 

Regards from Sweden,
Sven E

Sven E Olsson
Skype: seeditonskype
Yahoo: seeditmaxi
iChat: seeditmaxi@xxxxxxx

Post a Question ( new thread/subject ): seeditmaxi@xxxxxxxxxxxxx
Answer a Question: Reply
To Unsubscribe/Subscribe visit: http://seeditmaxi.cachefly.net/freelist.html

Other related posts: